@jenesei-software/jenesei-kit-react 1.2.2 → 1.2.4

package/build/{area-C2sWYH-e.js → area-BC64nSGj.js}

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
-import styled, { css } from "styled-components";
 import { b as Stack } from "./component-jPZYT5iL.js";
+import styled, { css } from "styled-components";
 const StyledScroll = styled(Stack)`
   overflow-x: hidden;
   overflow-y: hidden;
@@ -44,4 +44,4 @@ export {
   StyledScroll as S,
   Scroll as a
 };
-//# sourceMappingURL=area-C2sWYH-e.js.map
+//# sourceMappingURL=area-BC64nSGj.js.map

package/build/{area-C2sWYH-e.js.map → area-BC64nSGj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"area-C2sWYH-e.js","sources":["../src/areas/scroll/area.styles.tsx","../src/areas/scroll/area.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nimport { Stack } from '@local/components/stack'\n\nimport { StyledScrollProps } from '.'\n\nexport const StyledScroll = styled(Stack)<StyledScrollProps>`\n  overflow-x: hidden;\n  overflow-y: hidden;\n\n  ${props => css`\n    ${props.$horizontal &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-x: auto;\n    `}\n\n    ${props.$vertical &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-y: auto;\n    `}\n\n    ${props.$isAlwaysHorizontal &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-x: scroll;\n    `}\n\n    ${props.$isAlwaysVertical &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-y: scroll;\n    `}\n  `}\n`\n","import { FC } from 'react'\n\nimport { ScrollProps, StyledScroll } from '.'\n\nexport const Scroll: FC<ScrollProps> = props => {\n  return (\n    <StyledScroll\n      {...props}\n      $horizontal={props.horizontal}\n      $vertical={props.vertical}\n      $isAlwaysHorizontal={props.isAlwaysHorizontal}\n      $isAlwaysVertical={props.isAlwaysVertical}\n    >\n      {props.children}\n    </StyledScroll>\n  )\n}\n"],"names":["jsx"],"mappings":";;;AAMO,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,IAIpC,CAAA,UAAS;AAAA,MACP,MAAM,eACR;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA,MAEC,MAAM,aACR;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA,MAEC,MAAM,uBACR;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA,MAEC,MAAM,qBACR;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA;AC9BI,MAAM,SAA0B,CAAA,UAAS;AAC9C,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,MAAM;AAAA,MACnB,WAAW,MAAM;AAAA,MACjB,qBAAqB,MAAM;AAAA,MAC3B,mBAAmB,MAAM;AAAA,MAExB,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"area-BC64nSGj.js","sources":["../src/areas/scroll/area.styles.tsx","../src/areas/scroll/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack'\n\nimport styled, { css } from 'styled-components'\n\nimport { StyledScrollProps } from '.'\n\nexport const StyledScroll = styled(Stack)<StyledScrollProps>`\n  overflow-x: hidden;\n  overflow-y: hidden;\n\n  ${props => css`\n    ${props.$horizontal &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-x: auto;\n    `}\n\n    ${props.$vertical &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-y: auto;\n    `}\n\n    ${props.$isAlwaysHorizontal &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-x: scroll;\n    `}\n\n    ${props.$isAlwaysVertical &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-y: scroll;\n    `}\n  `}\n`\n","import { FC } from 'react'\n\nimport { ScrollProps, StyledScroll } from '.'\n\nexport const Scroll: FC<ScrollProps> = props => {\n  return (\n    <StyledScroll\n      {...props}\n      $horizontal={props.horizontal}\n      $vertical={props.vertical}\n      $isAlwaysHorizontal={props.isAlwaysHorizontal}\n      $isAlwaysVertical={props.isAlwaysVertical}\n    >\n      {props.children}\n    </StyledScroll>\n  )\n}\n"],"names":["jsx"],"mappings":";;;AAMO,MAAM,eAAe,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA,IAIpC,CAAA,UAAS;AAAA,MACP,MAAM,eACR;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA,MAEC,MAAM,aACR;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA,MAEC,MAAM,uBACR;AAAA;AAAA;AAAA,KAGC;AAAA;AAAA,MAEC,MAAM,qBACR;AAAA;AAAA;AAAA,KAGC;AAAA,GACF;AAAA;AC9BI,MAAM,SAA0B,CAAA,UAAS;AAC9C,SACEA,kCAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,aAAa,MAAM;AAAA,MACnB,WAAW,MAAM;AAAA,MACjB,qBAAqB,MAAM;AAAA,MAC3B,mBAAmB,MAAM;AAAA,MAExB,UAAA,MAAM;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/build/{area-CD10k19W.cjs → area-C6QOr2Kd.cjs}

@@ -1,27 +1,27 @@
-"use strict";const l=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("styled-components"),s=require("./component-BV_7tGiu.cjs"),o=r(s.Stack)`
+"use strict";const l=require("./jsx-runtime-BcGej2Kr.cjs"),r=require("./component-BV_7tGiu.cjs"),s=require("styled-components"),o=s(r.Stack)`
   overflow-x: hidden;
   overflow-y: hidden;
 
-  ${l=>r.css`
-    ${l.$horizontal&&r.css`
+  ${l=>s.css`
+    ${l.$horizontal&&s.css`
       scrollbar-gutter: stable;
       overflow-x: auto;
     `}
 
-    ${l.$vertical&&r.css`
+    ${l.$vertical&&s.css`
       scrollbar-gutter: stable;
       overflow-y: auto;
     `}
 
-    ${l.$isAlwaysHorizontal&&r.css`
+    ${l.$isAlwaysHorizontal&&s.css`
       scrollbar-gutter: stable;
       overflow-x: scroll;
     `}
 
-    ${l.$isAlwaysVertical&&r.css`
+    ${l.$isAlwaysVertical&&s.css`
       scrollbar-gutter: stable;
       overflow-y: scroll;
     `}
   `}
 `;exports.Scroll=r=>l.jsxRuntimeExports.jsx(o,{...r,$horizontal:r.horizontal,$vertical:r.vertical,$isAlwaysHorizontal:r.isAlwaysHorizontal,$isAlwaysVertical:r.isAlwaysVertical,children:r.children}),exports.StyledScroll=o;
-//# sourceMappingURL=area-CD10k19W.cjs.map
+//# sourceMappingURL=area-C6QOr2Kd.cjs.map

package/build/{area-CD10k19W.cjs.map → area-C6QOr2Kd.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"area-CD10k19W.cjs","sources":["../src/areas/scroll/area.styles.tsx","../src/areas/scroll/area.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\n\nimport { Stack } from '@local/components/stack'\n\nimport { StyledScrollProps } from '.'\n\nexport const StyledScroll = styled(Stack)<StyledScrollProps>`\n  overflow-x: hidden;\n  overflow-y: hidden;\n\n  ${props => css`\n    ${props.$horizontal &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-x: auto;\n    `}\n\n    ${props.$vertical &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-y: auto;\n    `}\n\n    ${props.$isAlwaysHorizontal &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-x: scroll;\n    `}\n\n    ${props.$isAlwaysVertical &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-y: scroll;\n    `}\n  `}\n`\n","import { FC } from 'react'\n\nimport { ScrollProps, StyledScroll } from '.'\n\nexport const Scroll: FC<ScrollProps> = props => {\n  return (\n    <StyledScroll\n      {...props}\n      $horizontal={props.horizontal}\n      $vertical={props.vertical}\n      $isAlwaysHorizontal={props.isAlwaysHorizontal}\n      $isAlwaysVertical={props.isAlwaysVertical}\n    >\n      {props.children}\n    </StyledScroll>\n  )\n}\n"],"names":["StyledScroll","styled","Stack","props","css","$horizontal","$vertical","$isAlwaysHorizontal","$isAlwaysVertical","jsx","horizontal","vertical","isAlwaysHorizontal","isAlwaysVertical","children"],"mappings":"gIAMaA,EAAeC,EAAOC,QAAK;;;;IAIpCC,GAASC,EAAAA,GAAAA;MACPD,EAAME,aACRD,EAAAA,GAAAA;;;;;MAKED,EAAMG,WACRF,EAAAA,GAAAA;;;;;MAKED,EAAMI,qBACRH,EAAAA,GAAAA;;;;;MAKED,EAAMK,mBACRJ,EAAAA,GAAAA;;;;;iBC1BmCD,KAEnCM,kBAAAA,IAACT,EAAA,IACKG,EACJE,YAAaF,EAAMO,WACnBJ,UAAWH,EAAMQ,SACjBJ,oBAAqBJ,EAAMS,mBAC3BJ,kBAAmBL,EAAMU,iBAExBC,SAAAX,EAAMW"}
+{"version":3,"file":"area-C6QOr2Kd.cjs","sources":["../src/areas/scroll/area.styles.tsx","../src/areas/scroll/area.tsx"],"sourcesContent":["import { Stack } from '@local/components/stack'\n\nimport styled, { css } from 'styled-components'\n\nimport { StyledScrollProps } from '.'\n\nexport const StyledScroll = styled(Stack)<StyledScrollProps>`\n  overflow-x: hidden;\n  overflow-y: hidden;\n\n  ${props => css`\n    ${props.$horizontal &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-x: auto;\n    `}\n\n    ${props.$vertical &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-y: auto;\n    `}\n\n    ${props.$isAlwaysHorizontal &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-x: scroll;\n    `}\n\n    ${props.$isAlwaysVertical &&\n    css`\n      scrollbar-gutter: stable;\n      overflow-y: scroll;\n    `}\n  `}\n`\n","import { FC } from 'react'\n\nimport { ScrollProps, StyledScroll } from '.'\n\nexport const Scroll: FC<ScrollProps> = props => {\n  return (\n    <StyledScroll\n      {...props}\n      $horizontal={props.horizontal}\n      $vertical={props.vertical}\n      $isAlwaysHorizontal={props.isAlwaysHorizontal}\n      $isAlwaysVertical={props.isAlwaysVertical}\n    >\n      {props.children}\n    </StyledScroll>\n  )\n}\n"],"names":["StyledScroll","styled","Stack","props","css","$horizontal","$vertical","$isAlwaysHorizontal","$isAlwaysVertical","jsx","horizontal","vertical","isAlwaysHorizontal","isAlwaysVertical","children"],"mappings":"gIAMaA,EAAeC,EAAOC,QAAK;;;;IAIpCC,GAASC,EAAAA,GAAAA;MACPD,EAAME,aACRD,EAAAA,GAAAA;;;;;MAKED,EAAMG,WACRF,EAAAA,GAAAA;;;;;MAKED,EAAMI,qBACRH,EAAAA,GAAAA;;;;;MAKED,EAAMK,mBACRJ,EAAAA,GAAAA;;;;;iBC1BmCD,KAEnCM,kBAAAA,IAACT,EAAA,IACKG,EACJE,YAAaF,EAAMO,WACnBJ,UAAWH,EAAMQ,SACjBJ,oBAAqBJ,EAAMS,mBAC3BJ,kBAAmBL,EAAMU,iBAExBC,SAAAX,EAAMW"}

package/build/area-scroll.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-CD10k19W.cjs");exports.Scroll=e.Scroll,exports.StyledScroll=e.StyledScroll;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-C6QOr2Kd.cjs");exports.Scroll=e.Scroll,exports.StyledScroll=e.StyledScroll;
 //# sourceMappingURL=area-scroll.cjs.js.map

package/build/area-scroll.es.js

@@ -1,4 +1,4 @@
-import { a, S } from "./area-C2sWYH-e.js";
+import { a, S } from "./area-BC64nSGj.js";
 export {
   a as Scroll,
   S as StyledScroll

package/build/build-info.txt

@@ -1,3 +1,3 @@
-version: 1.2.2
-commit: 29bc878
-date: 2025-07-20T16:28:25Z
+version: 1.2.4
+commit: 469aac3
+date: 2025-08-08T18:03:35Z

package/build/{component-CbPhVNw5.js → component-BJ4BlUBV.js}

@@ -2,7 +2,7 @@ import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
 import { I as Icon } from "./component.styles-CiGPOpxk.js";
 import { d as addRippleDefault } from "./component.styles-B0L4jbOO.js";
 import { R as Ripple } from "./component-vpCWcIhC.js";
-import { g as getFontSizeStyles, h as addSXTypography, m as useMergeRefs } from "./component--cOriuv7.js";
+import { g as getFontSizeStyles, h as addSXTypography, m as useMergeRefs } from "./component-zhkRBgS8.js";
 import { useMemo, useRef } from "react";
 import styled, { css, useTheme } from "styled-components";
 import { motion } from "framer-motion";
@@ -236,4 +236,4 @@ export {
   StyledButton as b,
   Button as c
 };
-//# sourceMappingURL=component-CbPhVNw5.js.map
+//# sourceMappingURL=component-BJ4BlUBV.js.map

package/build/{component-CbPhVNw5.js.map → component-BJ4BlUBV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-CbPhVNw5.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  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      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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"}
+{"version":3,"file":"component-BJ4BlUBV.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  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      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-BnYw0FvH.cjs → component-BfsH0boq.cjs}

@@ -205,7 +205,7 @@
 `,w=o.span`
   ${y}
   ${a.addOutline}
-`;function v(){return"undefined"!=typeof window}function b(e){return R(e)?(e.nodeName||"").toLowerCase():"#document"}function $(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function z(e){var t;return null==(t=(R(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function R(e){return!!v()&&(e instanceof Node||e instanceof $(e).Node)}function E(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 C(e){const{overflow:t,overflowX:n,overflowY:i,display:o}=O(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+n)&&!["inline","contents"].includes(o)}function S(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 L(e){const t=k(),n=E(e)?O(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 A(e){return["html","body","#document"].includes(b(e))}function O(e){return $(e).getComputedStyle(e)}function j(e){return E(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||z(e);return D(t)?t.host:t}function P(e){const t=M(e);return A(t)?e.ownerDocument?e.ownerDocument.body:e.body:T(t)&&C(t)?t:P(t)}function F(e,t,n){var i;void 0===t&&(t=[]),void 0===n&&(n=!0);const o=P(e),r=o===(null==(i=e.ownerDocument)?void 0:i.body),s=$(o);if(r){const e=W(s);return t.concat(s,s.visualViewport||[],C(o)?o:[],e&&n?F(e):[])}return t.concat(o,F(o,[],n))}function W(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}const N=Math.min,B=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 B(e,N(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:o}=e;return{width:i,height:o,top:n,left:t,right:t+i,bottom:n+o,x:t,y:n}}var oe="undefined"!=typeof document?i.useLayoutEffect:function(){};const re={...d}.useInsertionEffect||(e=>e());function se(e,t,n){let{reference:i,floating:o}=e;const r=Q(t),s=ee(t),l=G(s),a=K(t),c="y"===r,f=i.x+i.width/2-o.width/2,u=i.y+i.height/2-o.height/2,d=i[l]/2-o[l]/2;let h;switch(a){case"top":h={x:f,y:i.y-o.height};break;case"bottom":h={x:f,y:i.y+i.height};break;case"right":h={x:i.x+i.width,y:u};break;case"left":h={x:i.x-o.width,y:u};break;default:h={x:i.x,y:i.y}}switch(Z(t)){case"start":h[s]-=d*(n&&c?-1:1);break;case"end":h[s]+=d*(n&&c?-1:1)}return h}async function le(e,t){var n;void 0===t&&(t={});const{x:i,y:o,platform:r,rects:s,elements:l,strategy:a}=e,{boundary:c="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:d=!1,padding:h=0}=Y(t,e),m=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}}(h),p=l[d?"floating"===u?"reference":"floating":u],g=ie(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(p)))||n?p:p.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(l.floating)),boundary:c,rootBoundary:f,strategy:a})),x="floating"===u?{x:i,y:o,width:s.floating.width,height:s.floating.height}:s.reference,y=await(null==r.getOffsetParent?void 0:r.getOffsetParent(l.floating)),w=await(null==r.isElement?void 0:r.isElement(y))&&await(null==r.getScale?void 0:r.getScale(y))||{x:1,y:1},v=ie(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:x,offsetParent:y,strategy:a}):x);return{top:(g.top-v.top+m.top)/w.y,bottom:(v.bottom-g.bottom+m.bottom)/w.y,left:(g.left-v.left+m.left)/w.x,right:(v.right-g.right+m.right)/w.x}}function ae(e){const t=O(e);let n=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const o=T(e),r=o?e.offsetWidth:n,s=o?e.offsetHeight:i,l=I(n)!==r||I(i)!==s;return l&&(n=r,i=s),{width:n,height:i,$:l}}function ce(e){return E(e)?e:e.contextElement}function fe(e){const t=ce(e);if(!T(t))return q(1);const n=t.getBoundingClientRect(),{width:i,height:o,$:r}=ae(t);let s=(r?I(n.width):n.width)/i,l=(r?I(n.height):n.height)/o;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 he(e,t,n,i){void 0===t&&(t=!1),void 0===n&&(n=!1);const o=e.getBoundingClientRect(),r=ce(e);let s=q(1);t&&(i?E(i)&&(s=fe(i)):s=fe(e));const l=function(e,t,n){return void 0===t&&(t=!1),!(!n||t&&n!==$(e))&&t}(r,n,i)?de(r):q(0);let a=(o.left+l.x)/s.x,c=(o.top+l.y)/s.y,f=o.width/s.x,u=o.height/s.y;if(r){const e=$(r),t=i&&E(i)?$(i):i;let n=e,o=W(n);for(;o&&i&&t!==n;){const e=fe(o),t=o.getBoundingClientRect(),i=O(o),r=t.left+(o.clientLeft+parseFloat(i.paddingLeft))*e.x,s=t.top+(o.clientTop+parseFloat(i.paddingTop))*e.y;a*=e.x,c*=e.y,f*=e.x,u*=e.y,a+=r,c+=s,n=$(o),o=W(n)}}return ie({width:f,height:u,x:a,y:c})}function me(e,t){const n=j(e).scrollLeft;return t?t.left+n:he(z(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:me(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=z(e),o=n.visualViewport;let r=i.clientWidth,s=i.clientHeight,l=0,a=0;if(o){r=o.width,s=o.height;const e=k();(!e||e&&"fixed"===t)&&(l=o.offsetLeft,a=o.offsetTop)}return{width:r,height:s,x:l,y:a}}(e,n);else if("document"===t)i=function(e){const t=z(e),n=j(e),i=e.ownerDocument.body,o=B(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),r=B(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let s=-n.scrollLeft+me(e);const l=-n.scrollTop;return"rtl"===O(i).direction&&(s+=B(t.clientWidth,i.clientWidth)-o),{width:o,height:r,x:s,y:l}}(z(e));else if(E(t))i=function(e,t){const n=he(e,!0,"fixed"===t),i=n.top+e.clientTop,o=n.left+e.clientLeft,r=T(e)?fe(e):q(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:o*r.x,y:i*r.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||!E(n)||A(n))&&("fixed"===O(n).position||xe(n,t))}function ye(e,t,n){const i=T(t),o=z(t),r="fixed"===n,s=he(e,!0,r,t);let l={scrollLeft:0,scrollTop:0};const a=q(0);function c(){a.x=me(o)}if(i||!i&&!r)if(("body"!==b(t)||C(o))&&(l=j(t)),i){const e=he(t,!0,r,t);a.x=e.x+t.clientLeft,a.y=e.y+t.clientTop}else o&&c();r&&!i&&o&&c();const f=!o||i||r?q(0):pe(o,l);return{x:s.left+l.scrollLeft-a.x-f.x,y:s.top+l.scrollTop-a.y-f.y,width:s.width,height:s.height}}function we(e){return"static"===O(e).position}function ve(e,t){if(!T(e)||"fixed"===O(e).position)return null;if(t)return t(e);let n=e.offsetParent;return z(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&&!A(t);){if(E(t)&&!we(t))return t;t=M(t)}return n}let i=ve(e,t);for(;i&&S(i)&&we(i);)i=ve(i,t);return i&&A(i)&&we(i)&&!L(i)?n:i||function(e){let t=M(e);for(;T(t)&&!A(t);){if(L(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:o}=e;const r="fixed"===o,s=z(i),l=!!t&&H(t.floating);if(i===s||l&&r)return n;let a={scrollLeft:0,scrollTop:0},c=q(1);const f=q(0),u=T(i);if((u||!u&&!r)&&(("body"!==b(i)||C(s))&&(a=j(i)),T(i))){const e=he(i);c=fe(i),f.x=e.x+i.clientLeft,f.y=e.y+i.clientTop}const d=!s||u||r?q(0):pe(s,a,!0);return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-a.scrollLeft*c.x+f.x+d.x,y:n.y*c.y-a.scrollTop*c.y+f.y+d.y}},getDocumentElement:z,getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:i,strategy:o}=e;const r=[..."clippingAncestors"===n?H(t)?[]:function(e,t){const n=t.get(e);if(n)return n;let i=F(e,[],!1).filter(e=>E(e)&&"body"!==b(e)),o=null;const r="fixed"===O(e).position;let s=r?M(e):e;for(;E(s)&&!A(s);){const t=O(s),n=L(s);n||"fixed"!==t.position||(o=null),(r?!n&&!o:!n&&"static"===t.position&&o&&["absolute","fixed"].includes(o.position)||C(s)&&!n&&xe(e,s))?i=i.filter(e=>e!==s):o=t,s=M(s)}return t.set(e,i),i}(t,this._c):[].concat(n),i],s=r[0],l=r.reduce((e,n)=>{const i=ge(t,n,o);return e.top=B(i.top,e.top),e.right=N(i.right,e.right),e.bottom=N(i.bottom,e.bottom),e.left=B(i.left,e.left),e},ge(t,s,o));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}=ae(e);return{width:t,height:n}},getScale:fe,isElement:E,isRTL:function(e){return"rtl"===O(e).direction}};function ze(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function Re(e,t,n,i){void 0===i&&(i={});const{ancestorScroll:o=!0,ancestorResize:r=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:a=!1}=i,c=ce(e),f=o||r?[...c?F(c):[],...F(t)]:[];f.forEach(e=>{o&&e.addEventListener("scroll",n,{passive:!0}),r&&e.addEventListener("resize",n)});const u=c&&l?function(e,t){let n,i=null;const o=z(e);function r(){var e;clearTimeout(n),null==(e=i)||e.disconnect(),i=null}return function s(l,a){void 0===l&&(l=!1),void 0===a&&(a=1),r();const c=e.getBoundingClientRect(),{left:f,top:u,width:d,height:h}=c;if(l||t(),!d||!h)return;const m={rootMargin:-_(u)+"px "+-_(o.clientWidth-(f+d))+"px "+-_(o.clientHeight-(u+h))+"px "+-_(f)+"px",threshold:B(0,N(1,a))||1};let p=!0;function g(t){const i=t[0].intersectionRatio;if(i!==a){if(!p)return s();i?s(!1,i):n=setTimeout(()=>{s(!1,1e-7)},1e3)}1!==i||ze(c,e.getBoundingClientRect())||s(),p=!1}try{i=new IntersectionObserver(g,{...m,root:o.ownerDocument})}catch(x){i=new IntersectionObserver(g,m)}i.observe(e)}(!0),r}(c,n):null;let d,h=-1,m=null;s&&(m=new ResizeObserver(e=>{let[i]=e;i&&i.target===c&&m&&(m.unobserve(t),cancelAnimationFrame(h),h=requestAnimationFrame(()=>{var e;null==(e=m)||e.observe(t)})),n()}),c&&!a&&m.observe(c),m.observe(t));let p=a?he(e):null;return a&&function t(){const i=he(e);p&&!ze(p,i)&&n();p=i,d=requestAnimationFrame(t)}(),n(),()=>{var e;f.forEach(e=>{o&&e.removeEventListener("scroll",n),r&&e.removeEventListener("resize",n)}),null==u||u(),null==(e=m)||e.disconnect(),m=null,a&&cancelAnimationFrame(d)}}const Ee=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var n,i;const{x:o,y:r,placement:s,middlewareData:l}=t,a=await async function(e,t){const{placement:n,platform:i,elements:o}=e,r=await(null==i.isRTL?void 0:i.isRTL(o.floating)),s=K(n),l=Z(n),a="y"===Q(n),c=["left","top"].includes(s)?-1:1,f=r&&a?-1:1,u=Y(t,e);let{mainAxis:d,crossAxis:h,alignmentAxis:m}="number"==typeof u?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return l&&"number"==typeof m&&(h="end"===l?-1*m:m),a?{x:h*f,y:d*c}:{x:d*c,y:h*f}}(t,e);return s===(null==(n=l.offset)?void 0:n.placement)&&null!=(i=l.arrow)&&i.alignmentOffset?{}:{x:o+a.x,y:r+a.y,data:{...a,placement:s}}}}},Te=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:i,placement:o}=t,{mainAxis:r=!0,crossAxis:s=!1,limiter:l={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...a}=Y(e,t),c={x:n,y:i},f=await le(t,a),u=Q(K(o)),d=J(u);let h=c[d],m=c[u];if(r){const e="y"===d?"bottom":"right";h=X(h+f["y"===d?"top":"left"],h,h-f[e])}if(s){const e="y"===u?"bottom":"right";m=X(m+f["y"===u?"top":"left"],m,m-f[e])}const p=l.fn({...t,[d]:h,[u]:m});return{...p,data:{x:p.x-n,y:p.y-i,enabled:{[d]:r,[u]:s}}}}}},De=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n,i;const{placement:o,middlewareData:r,rects:s,initialPlacement:l,platform:a,elements:c}=t,{mainAxis:f=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:p=!0,...g}=Y(e,t);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const x=K(o),y=Q(l),w=K(l)===l,v=await(null==a.isRTL?void 0:a.isRTL(c.floating)),b=d||(w||!p?[ne(l)]:function(e){const t=ne(e);return[te(e),t,te(t)]}(l)),$="none"!==m;!d&&$&&b.push(...function(e,t,n,i){const o=Z(e);let r=function(e,t,n){const i=["left","right"],o=["right","left"],r=["top","bottom"],s=["bottom","top"];switch(e){case"top":case"bottom":return n?t?o:i:t?i:o;case"left":case"right":return t?r:s;default:return[]}}(K(e),"start"===n,i);return o&&(r=r.map(e=>e+"-"+o),t&&(r=r.concat(r.map(te)))),r}(l,p,m,v));const z=[l,...b],R=await le(t,g),E=[];let T=(null==(i=r.flip)?void 0:i.overflows)||[];if(f&&E.push(R[x]),u){const e=function(e,t,n){void 0===n&&(n=!1);const i=Z(e),o=ee(e),r=G(o);let s="x"===o?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[r]>t.floating[r]&&(s=ne(s)),[s,ne(s)]}(o,s,v);E.push(R[e[0]],R[e[1]])}if(T=[...T,{placement:o,overflows:E}],!E.every(e=>e<=0)){var D,C;const e=((null==(D=r.flip)?void 0:D.index)||0)+1,t=z[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==(C=T.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:C.placement;if(!n)switch(h){case"bestFit":{var S;const e=null==(S=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:S[0];e&&(n=e);break}case"initialPlacement":n=l}if(o!==n)return{reset:{placement:n}}}return{}}}},Ce=(e,t,n)=>{const i=new Map,o={platform:$e,...n},r={...o.platform,_c:i};return(async(e,t,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:r=[],platform:s}=n,l=r.filter(Boolean),a=await(null==s.isRTL?void 0:s.isRTL(t));let c=await s.getElementRects({reference:e,floating:t,strategy:o}),{x:f,y:u}=se(c,i,a),d=i,h={},m=0;for(let p=0;p<l.length;p++){const{name:n,fn:r}=l[p],{x:g,y:x,data:y,reset:w}=await r({x:f,y:u,initialPlacement:i,placement:d,strategy:o,middlewareData:h,rects:c,platform:s,elements:{reference:e,floating:t}});f=null!=g?g:f,u=null!=x?x:u,h={...h,[n]:{...h[n],...y}},w&&m<=50&&(m++,"object"==typeof w&&(w.placement&&(d=w.placement),w.rects&&(c=!0===w.rects?await s.getElementRects({reference:e,floating:t,strategy:o}):w.rects),({x:f,y:u}=se(c,d,a))),p=-1)}return{x:f,y:u,placement:d,strategy:o,middlewareData:h}})(e,t,{...o,platform:r})};var Se="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,o;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(o=Object.keys(e),n=o.length,n!==Object.keys(t).length)return!1;for(i=n;0!==i--;)if(!{}.hasOwnProperty.call(t,o[i]))return!1;for(i=n;0!==i--;){const n=o[i];if(("_owner"!==n||!e.$$typeof)&&!He(e[n],t[n]))return!1}return!0}return e!=e&&t!=t}function Le(e){if("undefined"==typeof window)return 1;return(e.ownerDocument.defaultView||window).devicePixelRatio||1}function ke(e,t){const n=Le(e);return Math.round(t*n)/n}function Ae(e){const t=d.useRef(e);return Se(()=>{t.current=e}),t}const Oe=(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 Ne=Me.useId||function(){const[e,t]=d.useState(()=>Pe?We():void 0);return oe(()=>{null==e&&t(We())},[]),d.useEffect(()=>{Pe=!0},[]),e};let Be;"production"!==process.env.NODE_ENV&&(Be=new Set);const Ie=d.createContext(null),_e=d.createContext(null);function qe(e){const{open:t=!1,onOpenChange:n,elements:i}=e,o=Ne(),r=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==(a=d.useContext(Ie))?void 0:a.id)||null);var a;if("production"!==process.env.NODE_ENV){const e=i.reference;e&&!E(e)&&function(){for(var e,t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];const o="Floating UI: "+n.join(" ");var r;null!=(e=Be)&&e.has(o)||(null==(r=Be)||r.add(o),console.error(o))}("Cannot pass a virtual element to the `elements.reference` option,","as it must be a real DOM element. Use `refs.setPositionReference()`","instead.")}const[c,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 re(()=>{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)=>{r.current.openEvent=e?t:void 0,s.emit("openchange",{open:e,event:t,reason:i,nested:l}),null==n||n(e,t,i)}),h=d.useMemo(()=>({setPositionReference:f}),[]),m=d.useMemo(()=>({reference:c||i.reference||null,floating:i.floating||null,domReference:i.reference}),[c,i.reference,i.floating]);return d.useMemo(()=>({dataRef:r,open:t,onOpenChange:u,elements:m,events:s,floatingId:o,refs:h}),[t,u,m,s,o,h])}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,o=i.elements,[r,s]=d.useState(null),[l,a]=d.useState(null),c=(null==o?void 0:o.domReference)||r,f=d.useRef(null),u=d.useContext(_e);oe(()=>{c&&(f.current=c)},[c]);const m=function(e){void 0===e&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:i=[],platform:o,elements:{reference:r,floating:s}={},transform:l=!0,whileElementsMounted:a,open:c}=e,[f,u]=d.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[m,p]=d.useState(i);He(m,i)||p(i);const[g,x]=d.useState(null),[y,w]=d.useState(null),v=d.useCallback(e=>{e!==R.current&&(R.current=e,x(e))},[]),b=d.useCallback(e=>{e!==E.current&&(E.current=e,w(e))},[]),$=r||g,z=s||y,R=d.useRef(null),E=d.useRef(null),T=d.useRef(f),D=null!=a,C=Ae(a),S=Ae(o),H=Ae(c),L=d.useCallback(()=>{if(!R.current||!E.current)return;const e={placement:t,strategy:n,middleware:m};S.current&&(e.platform=S.current),Ce(R.current,E.current,e).then(e=>{const t={...e,isPositioned:!1!==H.current};k.current&&!He(T.current,t)&&(T.current=t,h.flushSync(()=>{u(t)}))})},[m,t,n,S,H]);Se(()=>{!1===c&&T.current.isPositioned&&(T.current.isPositioned=!1,u(e=>({...e,isPositioned:!1})))},[c]);const k=d.useRef(!1);Se(()=>(k.current=!0,()=>{k.current=!1}),[]),Se(()=>{if($&&(R.current=$),z&&(E.current=z),$&&z){if(C.current)return C.current($,z,L);L()}},[$,z,L,C,D]);const A=d.useMemo(()=>({reference:R,floating:E,setReference:v,setFloating:b}),[v,b]),O=d.useMemo(()=>({reference:$,floating:z}),[$,z]),j=d.useMemo(()=>{const e={position:n,left:0,top:0};if(!O.floating)return e;const t=ke(O.floating,f.x),i=ke(O.floating,f.y);return l?{...e,transform:"translate("+t+"px, "+i+"px)",...Le(O.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:t,top:i}},[n,l,O.floating,f.x,f.y]);return d.useMemo(()=>({...f,update:L,refs:A,elements:O,floatingStyles:j}),[f,L,A,O,j])}({...e,elements:{...o,...l&&{reference:l}}}),p=d.useCallback(e=>{const t=E(e)?{getBoundingClientRect:()=>e.getBoundingClientRect(),getClientRects:()=>e.getClientRects(),contextElement:e}:e;a(t),m.refs.setReference(t)},[m.refs]),g=d.useCallback(e=>{(E(e)||null===e)&&(f.current=e,s(e)),(E(m.refs.reference.current)||null===m.refs.reference.current||null!==e&&!E(e))&&m.refs.setReference(e)},[m.refs]),x=d.useMemo(()=>({...m.refs,setReference:g,setPositionReference:p,domReference:f}),[m.refs,g,p]),y=d.useMemo(()=>({...m.elements,domReference:c}),[m.elements,c]),w=d.useMemo(()=>({...m,...i,refs:x,elements:y,nodeId:t}),[m,x,y,t,i]);return oe(()=>{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(()=>({...m,context:w,refs:x,elements:y}),[m,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}=e,[o,r]=i.useState(!1),[s,l]=i.useState(void 0),[a,c]=i.useState(!1),{refs:f,floatingStyles:u,update:d,placement:h}=Ve({open:o,placement:e.placement,middleware:[(m=e.offset??8,{...Ee(m),options:[m,p]}),je(),Oe()],whileElementsMounted:Re});var m,p;const g=i.useRef(null),x=i.useRef(null),y=i.useMemo(()=>e.hoverOffset??e.offset??Ge,[e.hoverOffset,e.offset]),w=i.useMemo(()=>e.hoverCloseDelay??Qe,[e.hoverCloseDelay]);i.useEffect(()=>{if(e.isDisabled)return;const t=f.reference.current;if(t){if(("click"===e.mode||"clickOpen"===e.mode)&&t instanceof HTMLElement){const n=()=>{"click"===e.mode?r(e=>!e):"clickOpen"===e.mode&&r(!0)};return t.addEventListener("click",n),()=>{t.removeEventListener("click",n)}}if("hover"===e.mode&&t instanceof HTMLElement){const e=()=>{r(!0)},n=()=>{x.current&&clearTimeout(x.current),x.current=setTimeout(()=>r(!1),w)};return t.addEventListener("mouseenter",e),t.addEventListener("mouseleave",n),()=>{t.removeEventListener("mouseenter",e),t.removeEventListener("mouseleave",n),x.current&&clearTimeout(x.current)}}}},[e.mode,f.reference,w,e.isDisabled]),i.useEffect(()=>{if(!o||!f.reference.current||!f.floating.current||e.isDisabled)return;const t=Re(f.reference.current,f.floating.current,d);return e.isClickOutside&&(g.current=t=>{const n=f.reference.current,i=f.floating.current,o=e.refsExcludeClickOutside||[];n instanceof HTMLElement&&i instanceof HTMLElement&&!n.contains(t.target)&&!i.contains(t.target)&&!o.some(e=>{var n;return"object"==typeof e&&null!==e&&"current"in e&&(null==(n=e.current)?void 0:n.contains(t.target))})&&r(!1)},document.addEventListener("mousedown",g.current)),()=>{t(),g.current&&(document.removeEventListener("mousedown",g.current),g.current=null),x.current&&clearTimeout(x.current)}},[o,f.reference,f.floating,d,e.isClickOutside,e.isDisabled,e.refsExcludeClickOutside]),i.useEffect(()=>{if(!o||!e.isFloatingHover||!f.reference.current||!f.floating.current||e.isDisabled)return;const t=f.reference.current,n=f.floating.current,i=e=>{const i=e.clientX,o=e.clientY,s=t.getBoundingClientRect(),l=n.getBoundingClientRect(),a=i>=s.left-y&&i<=s.right+y&&o>=s.top-y&&o<=s.bottom+y,c=i>=l.left-y&&i<=l.right+y&&o>=l.top-y&&o<=l.bottom+y;a||c?x.current&&(clearTimeout(x.current),x.current=null):(x.current&&clearTimeout(x.current),x.current=setTimeout(()=>r(!1),w))};return document.addEventListener("mousemove",i),()=>{document.removeEventListener("mousemove",i),x.current&&clearTimeout(x.current)}},[o,e.isFloatingHover,f.reference,f.floating,y,w,e.isDisabled]),i.useLayoutEffect(()=>{if(!e.isWidthAsContent||!f.reference.current)return;const t=f.reference.current.getBoundingClientRect();l(t.width)},[e.isWidthAsContent,f.reference]);const v=i.useCallback(()=>{e.isDisabled||r(!0)},[e.isDisabled]),b=i.useCallback(()=>{e.isDisabled||r(!1)},[e.isDisabled]),$=i.useCallback(()=>{e.isDisabled||r(e=>!e)},[e.isDisabled]),z=i.useMemo(()=>({...u,minWidth:e.isWidthAsContent&&s?`${s}px`:void 0,maxWidth:e.isWidthAsContent&&s?`${s}px`:void 0}),[u,e.isWidthAsContent,s]);return i.useEffect(()=>{o&&(null==t||t(),c(!0))},[o,t]),i.useEffect(()=>{!o&&a&&(null==n||n())},[o,a,n]),{isOpen:o,setIsOpen:r,open:v,close:b,toggle:$,refReference:f.setReference,refFloating:f.setFloating,floatingStyles:z,placement:h}},Ye=o.css`
+`;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 C(e){const{overflow:t,overflowX:n,overflowY:i,display:o}=A(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+n)&&!["inline","contents"].includes(o)}function L(e){return["table","td","th"].includes(b(e))}function S(e){return[":popover-open",":modal"].some(t=>{try{return e.matches(t)}catch(n){return!1}})}function H(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)&&C(t)?t:P(t)}function F(e,t,n){var i;void 0===t&&(t=[]),void 0===n&&(n=!0);const o=P(e),r=o===(null==(i=e.ownerDocument)?void 0:i.body),s=$(o);if(r){const e=W(s);return t.concat(s,s.visualViewport||[],C(o)?o:[],e&&n?F(e):[])}return t.concat(o,F(o,[],n))}function W(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}const N=Math.min,B=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 B(e,N(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:o}=e;return{width:i,height:o,top:n,left:t,right:t+i,bottom:n+o,x:t,y:n}}var oe="undefined"!=typeof document?i.useLayoutEffect:function(){};const re={...d}.useInsertionEffect||(e=>e());function se(e,t,n){let{reference:i,floating:o}=e;const r=Q(t),s=ee(t),l=G(s),a=K(t),c="y"===r,f=i.x+i.width/2-o.width/2,u=i.y+i.height/2-o.height/2,d=i[l]/2-o[l]/2;let h;switch(a){case"top":h={x:f,y:i.y-o.height};break;case"bottom":h={x:f,y:i.y+i.height};break;case"right":h={x:i.x+i.width,y:u};break;case"left":h={x:i.x-o.width,y:u};break;default:h={x:i.x,y:i.y}}switch(Z(t)){case"start":h[s]-=d*(n&&c?-1:1);break;case"end":h[s]+=d*(n&&c?-1:1)}return h}async function le(e,t){var n;void 0===t&&(t={});const{x:i,y:o,platform:r,rects:s,elements:l,strategy:a}=e,{boundary:c="clippingAncestors",rootBoundary:f="viewport",elementContext:u="floating",altBoundary:d=!1,padding:h=0}=Y(t,e),m=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}}(h),p=l[d?"floating"===u?"reference":"floating":u],g=ie(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(p)))||n?p:p.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(l.floating)),boundary:c,rootBoundary:f,strategy:a})),x="floating"===u?{x:i,y:o,width:s.floating.width,height:s.floating.height}:s.reference,y=await(null==r.getOffsetParent?void 0:r.getOffsetParent(l.floating)),w=await(null==r.isElement?void 0:r.isElement(y))&&await(null==r.getScale?void 0:r.getScale(y))||{x:1,y:1},v=ie(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:x,offsetParent:y,strategy:a}):x);return{top:(g.top-v.top+m.top)/w.y,bottom:(v.bottom-g.bottom+m.bottom)/w.y,left:(g.left-v.left+m.left)/w.x,right:(v.right-g.right+m.right)/w.x}}function ae(e){const t=A(e);let n=parseFloat(t.width)||0,i=parseFloat(t.height)||0;const o=T(e),r=o?e.offsetWidth:n,s=o?e.offsetHeight:i,l=I(n)!==r||I(i)!==s;return l&&(n=r,i=s),{width:n,height:i,$:l}}function ce(e){return R(e)?e:e.contextElement}function fe(e){const t=ce(e);if(!T(t))return q(1);const n=t.getBoundingClientRect(),{width:i,height:o,$:r}=ae(t);let s=(r?I(n.width):n.width)/i,l=(r?I(n.height):n.height)/o;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 he(e,t,n,i){void 0===t&&(t=!1),void 0===n&&(n=!1);const o=e.getBoundingClientRect(),r=ce(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}(r,n,i)?de(r):q(0);let a=(o.left+l.x)/s.x,c=(o.top+l.y)/s.y,f=o.width/s.x,u=o.height/s.y;if(r){const e=$(r),t=i&&R(i)?$(i):i;let n=e,o=W(n);for(;o&&i&&t!==n;){const e=fe(o),t=o.getBoundingClientRect(),i=A(o),r=t.left+(o.clientLeft+parseFloat(i.paddingLeft))*e.x,s=t.top+(o.clientTop+parseFloat(i.paddingTop))*e.y;a*=e.x,c*=e.y,f*=e.x,u*=e.y,a+=r,c+=s,n=$(o),o=W(n)}}return ie({width:f,height:u,x:a,y:c})}function me(e,t){const n=j(e).scrollLeft;return t?t.left+n:he(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:me(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),o=n.visualViewport;let r=i.clientWidth,s=i.clientHeight,l=0,a=0;if(o){r=o.width,s=o.height;const e=k();(!e||e&&"fixed"===t)&&(l=o.offsetLeft,a=o.offsetTop)}return{width:r,height:s,x:l,y:a}}(e,n);else if("document"===t)i=function(e){const t=E(e),n=j(e),i=e.ownerDocument.body,o=B(t.scrollWidth,t.clientWidth,i.scrollWidth,i.clientWidth),r=B(t.scrollHeight,t.clientHeight,i.scrollHeight,i.clientHeight);let s=-n.scrollLeft+me(e);const l=-n.scrollTop;return"rtl"===A(i).direction&&(s+=B(t.clientWidth,i.clientWidth)-o),{width:o,height:r,x:s,y:l}}(E(e));else if(R(t))i=function(e,t){const n=he(e,!0,"fixed"===t),i=n.top+e.clientTop,o=n.left+e.clientLeft,r=T(e)?fe(e):q(1);return{width:e.clientWidth*r.x,height:e.clientHeight*r.y,x:o*r.x,y:i*r.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),o=E(t),r="fixed"===n,s=he(e,!0,r,t);let l={scrollLeft:0,scrollTop:0};const a=q(0);function c(){a.x=me(o)}if(i||!i&&!r)if(("body"!==b(t)||C(o))&&(l=j(t)),i){const e=he(t,!0,r,t);a.x=e.x+t.clientLeft,a.y=e.y+t.clientTop}else o&&c();r&&!i&&o&&c();const f=!o||i||r?q(0):pe(o,l);return{x:s.left+l.scrollLeft-a.x-f.x,y:s.top+l.scrollTop-a.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(S(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&&L(i)&&we(i);)i=ve(i,t);return i&&O(i)&&we(i)&&!H(i)?n:i||function(e){let t=M(e);for(;T(t)&&!O(t);){if(H(t))return t;if(S(t))return null;t=M(t)}return null}(e)||n}const $e={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:n,offsetParent:i,strategy:o}=e;const r="fixed"===o,s=E(i),l=!!t&&S(t.floating);if(i===s||l&&r)return n;let a={scrollLeft:0,scrollTop:0},c=q(1);const f=q(0),u=T(i);if((u||!u&&!r)&&(("body"!==b(i)||C(s))&&(a=j(i)),T(i))){const e=he(i);c=fe(i),f.x=e.x+i.clientLeft,f.y=e.y+i.clientTop}const d=!s||u||r?q(0):pe(s,a,!0);return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-a.scrollLeft*c.x+f.x+d.x,y:n.y*c.y-a.scrollTop*c.y+f.y+d.y}},getDocumentElement:E,getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:i,strategy:o}=e;const r=[..."clippingAncestors"===n?S(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)),o=null;const r="fixed"===A(e).position;let s=r?M(e):e;for(;R(s)&&!O(s);){const t=A(s),n=H(s);n||"fixed"!==t.position||(o=null),(r?!n&&!o:!n&&"static"===t.position&&o&&["absolute","fixed"].includes(o.position)||C(s)&&!n&&xe(e,s))?i=i.filter(e=>e!==s):o=t,s=M(s)}return t.set(e,i),i}(t,this._c):[].concat(n),i],s=r[0],l=r.reduce((e,n)=>{const i=ge(t,n,o);return e.top=B(i.top,e.top),e.right=N(i.right,e.right),e.bottom=N(i.bottom,e.bottom),e.left=B(i.left,e.left),e},ge(t,s,o));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}=ae(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:o=!0,ancestorResize:r=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:l="function"==typeof IntersectionObserver,animationFrame:a=!1}=i,c=ce(e),f=o||r?[...c?F(c):[],...F(t)]:[];f.forEach(e=>{o&&e.addEventListener("scroll",n,{passive:!0}),r&&e.addEventListener("resize",n)});const u=c&&l?function(e,t){let n,i=null;const o=E(e);function r(){var e;clearTimeout(n),null==(e=i)||e.disconnect(),i=null}return function s(l,a){void 0===l&&(l=!1),void 0===a&&(a=1),r();const c=e.getBoundingClientRect(),{left:f,top:u,width:d,height:h}=c;if(l||t(),!d||!h)return;const m={rootMargin:-_(u)+"px "+-_(o.clientWidth-(f+d))+"px "+-_(o.clientHeight-(u+h))+"px "+-_(f)+"px",threshold:B(0,N(1,a))||1};let p=!0;function g(t){const i=t[0].intersectionRatio;if(i!==a){if(!p)return s();i?s(!1,i):n=setTimeout(()=>{s(!1,1e-7)},1e3)}1!==i||Ee(c,e.getBoundingClientRect())||s(),p=!1}try{i=new IntersectionObserver(g,{...m,root:o.ownerDocument})}catch(x){i=new IntersectionObserver(g,m)}i.observe(e)}(!0),r}(c,n):null;let d,h=-1,m=null;s&&(m=new ResizeObserver(e=>{let[i]=e;i&&i.target===c&&m&&(m.unobserve(t),cancelAnimationFrame(h),h=requestAnimationFrame(()=>{var e;null==(e=m)||e.observe(t)})),n()}),c&&!a&&m.observe(c),m.observe(t));let p=a?he(e):null;return a&&function t(){const i=he(e);p&&!Ee(p,i)&&n();p=i,d=requestAnimationFrame(t)}(),n(),()=>{var e;f.forEach(e=>{o&&e.removeEventListener("scroll",n),r&&e.removeEventListener("resize",n)}),null==u||u(),null==(e=m)||e.disconnect(),m=null,a&&cancelAnimationFrame(d)}}const Re=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var n,i;const{x:o,y:r,placement:s,middlewareData:l}=t,a=await async function(e,t){const{placement:n,platform:i,elements:o}=e,r=await(null==i.isRTL?void 0:i.isRTL(o.floating)),s=K(n),l=Z(n),a="y"===Q(n),c=["left","top"].includes(s)?-1:1,f=r&&a?-1:1,u=Y(t,e);let{mainAxis:d,crossAxis:h,alignmentAxis:m}="number"==typeof u?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return l&&"number"==typeof m&&(h="end"===l?-1*m:m),a?{x:h*f,y:d*c}:{x:d*c,y:h*f}}(t,e);return s===(null==(n=l.offset)?void 0:n.placement)&&null!=(i=l.arrow)&&i.alignmentOffset?{}:{x:o+a.x,y:r+a.y,data:{...a,placement:s}}}}},Te=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:i,placement:o}=t,{mainAxis:r=!0,crossAxis:s=!1,limiter:l={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...a}=Y(e,t),c={x:n,y:i},f=await le(t,a),u=Q(K(o)),d=J(u);let h=c[d],m=c[u];if(r){const e="y"===d?"bottom":"right";h=X(h+f["y"===d?"top":"left"],h,h-f[e])}if(s){const e="y"===u?"bottom":"right";m=X(m+f["y"===u?"top":"left"],m,m-f[e])}const p=l.fn({...t,[d]:h,[u]:m});return{...p,data:{x:p.x-n,y:p.y-i,enabled:{[d]:r,[u]:s}}}}}},De=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n,i;const{placement:o,middlewareData:r,rects:s,initialPlacement:l,platform:a,elements:c}=t,{mainAxis:f=!0,crossAxis:u=!0,fallbackPlacements:d,fallbackStrategy:h="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:p=!0,...g}=Y(e,t);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const x=K(o),y=Q(l),w=K(l)===l,v=await(null==a.isRTL?void 0:a.isRTL(c.floating)),b=d||(w||!p?[ne(l)]:function(e){const t=ne(e);return[te(e),t,te(t)]}(l)),$="none"!==m;!d&&$&&b.push(...function(e,t,n,i){const o=Z(e);let r=function(e,t,n){const i=["left","right"],o=["right","left"],r=["top","bottom"],s=["bottom","top"];switch(e){case"top":case"bottom":return n?t?o:i:t?i:o;case"left":case"right":return t?r:s;default:return[]}}(K(e),"start"===n,i);return o&&(r=r.map(e=>e+"-"+o),t&&(r=r.concat(r.map(te)))),r}(l,p,m,v));const E=[l,...b],z=await le(t,g),R=[];let T=(null==(i=r.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),o=ee(e),r=G(o);let s="x"===o?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return t.reference[r]>t.floating[r]&&(s=ne(s)),[s,ne(s)]}(o,s,v);R.push(z[e[0]],z[e[1]])}if(T=[...T,{placement:o,overflows:R}],!R.every(e=>e<=0)){var D,C;const e=((null==(D=r.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==(C=T.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:C.placement;if(!n)switch(h){case"bestFit":{var L;const e=null==(L=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:L[0];e&&(n=e);break}case"initialPlacement":n=l}if(o!==n)return{reset:{placement:n}}}return{}}}},Ce=(e,t,n)=>{const i=new Map,o={platform:$e,...n},r={...o.platform,_c:i};return(async(e,t,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:r=[],platform:s}=n,l=r.filter(Boolean),a=await(null==s.isRTL?void 0:s.isRTL(t));let c=await s.getElementRects({reference:e,floating:t,strategy:o}),{x:f,y:u}=se(c,i,a),d=i,h={},m=0;for(let p=0;p<l.length;p++){const{name:n,fn:r}=l[p],{x:g,y:x,data:y,reset:w}=await r({x:f,y:u,initialPlacement:i,placement:d,strategy:o,middlewareData:h,rects:c,platform:s,elements:{reference:e,floating:t}});f=null!=g?g:f,u=null!=x?x:u,h={...h,[n]:{...h[n],...y}},w&&m<=50&&(m++,"object"==typeof w&&(w.placement&&(d=w.placement),w.rects&&(c=!0===w.rects?await s.getElementRects({reference:e,floating:t,strategy:o}):w.rects),({x:f,y:u}=se(c,d,a))),p=-1)}return{x:f,y:u,placement:d,strategy:o,middlewareData:h}})(e,t,{...o,platform:r})};var Le="undefined"!=typeof document?i.useLayoutEffect:function(){};function Se(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,o;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(!Se(e[i],t[i]))return!1;return!0}if(o=Object.keys(e),n=o.length,n!==Object.keys(t).length)return!1;for(i=n;0!==i--;)if(!{}.hasOwnProperty.call(t,o[i]))return!1;for(i=n;0!==i--;){const n=o[i];if(("_owner"!==n||!e.$$typeof)&&!Se(e[n],t[n]))return!1}return!0}return e!=e&&t!=t}function He(e){if("undefined"==typeof window)return 1;return(e.ownerDocument.defaultView||window).devicePixelRatio||1}function ke(e,t){const n=He(e);return Math.round(t*n)/n}function Oe(e){const t=d.useRef(e);return Le(()=>{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 Ne=Me.useId||function(){const[e,t]=d.useState(()=>Pe?We():void 0);return oe(()=>{null==e&&t(We())},[]),d.useEffect(()=>{Pe=!0},[]),e};let Be;"production"!==process.env.NODE_ENV&&(Be=new Set);const Ie=d.createContext(null),_e=d.createContext(null);function qe(e){const{open:t=!1,onOpenChange:n,elements:i}=e,o=Ne(),r=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==(a=d.useContext(Ie))?void 0:a.id)||null);var a;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 o="Floating UI: "+n.join(" ");var r;null!=(e=Be)&&e.has(o)||(null==(r=Be)||r.add(o),console.error(o))}("Cannot pass a virtual element to the `elements.reference` option,","as it must be a real DOM element. Use `refs.setPositionReference()`","instead.")}const[c,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 re(()=>{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)=>{r.current.openEvent=e?t:void 0,s.emit("openchange",{open:e,event:t,reason:i,nested:l}),null==n||n(e,t,i)}),h=d.useMemo(()=>({setPositionReference:f}),[]),m=d.useMemo(()=>({reference:c||i.reference||null,floating:i.floating||null,domReference:i.reference}),[c,i.reference,i.floating]);return d.useMemo(()=>({dataRef:r,open:t,onOpenChange:u,elements:m,events:s,floatingId:o,refs:h}),[t,u,m,s,o,h])}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,o=i.elements,[r,s]=d.useState(null),[l,a]=d.useState(null),c=(null==o?void 0:o.domReference)||r,f=d.useRef(null),u=d.useContext(_e);oe(()=>{c&&(f.current=c)},[c]);const m=function(e){void 0===e&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:i=[],platform:o,elements:{reference:r,floating:s}={},transform:l=!0,whileElementsMounted:a,open:c}=e,[f,u]=d.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[m,p]=d.useState(i);Se(m,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))},[]),$=r||g,E=s||y,z=d.useRef(null),R=d.useRef(null),T=d.useRef(f),D=null!=a,C=Oe(a),L=Oe(o),S=Oe(c),H=d.useCallback(()=>{if(!z.current||!R.current)return;const e={placement:t,strategy:n,middleware:m};L.current&&(e.platform=L.current),Ce(z.current,R.current,e).then(e=>{const t={...e,isPositioned:!1!==S.current};k.current&&!Se(T.current,t)&&(T.current=t,h.flushSync(()=>{u(t)}))})},[m,t,n,L,S]);Le(()=>{!1===c&&T.current.isPositioned&&(T.current.isPositioned=!1,u(e=>({...e,isPositioned:!1})))},[c]);const k=d.useRef(!1);Le(()=>(k.current=!0,()=>{k.current=!1}),[]),Le(()=>{if($&&(z.current=$),E&&(R.current=E),$&&E){if(C.current)return C.current($,E,H);H()}},[$,E,H,C,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)",...He(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:H,refs:O,elements:A,floatingStyles:j}),[f,H,O,A,j])}({...e,elements:{...o,...l&&{reference:l}}}),p=d.useCallback(e=>{const t=R(e)?{getBoundingClientRect:()=>e.getBoundingClientRect(),getClientRects:()=>e.getClientRects(),contextElement:e}:e;a(t),m.refs.setReference(t)},[m.refs]),g=d.useCallback(e=>{(R(e)||null===e)&&(f.current=e,s(e)),(R(m.refs.reference.current)||null===m.refs.reference.current||null!==e&&!R(e))&&m.refs.setReference(e)},[m.refs]),x=d.useMemo(()=>({...m.refs,setReference:g,setPositionReference:p,domReference:f}),[m.refs,g,p]),y=d.useMemo(()=>({...m.elements,domReference:c}),[m.elements,c]),w=d.useMemo(()=>({...m,...i,refs:x,elements:y,nodeId:t}),[m,x,y,t,i]);return oe(()=>{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(()=>({...m,context:w,refs:x,elements:y}),[m,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:o}=e,[r,s]=i.useState(!1),[l,a]=i.useState(void 0),[c,f]=i.useState(!1),{refs:u,floatingStyles:d,update:h,placement:m}=Ve({open:r,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(!r||!u.reference.current||!u.floating.current||e.isDisabled)return;const t=ze(u.reference.current,u.floating.current,h);return e.isClickOutside&&(x.current=t=>{const n=u.reference.current,i=u.floating.current,o=e.refsExcludeClickOutside||[];n instanceof HTMLElement&&i instanceof HTMLElement&&!n.contains(t.target)&&!i.contains(t.target)&&!o.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)),()=>{t(),x.current&&(document.removeEventListener("mousedown",x.current),x.current=null),y.current&&clearTimeout(y.current)}},[r,u.reference,u.floating,h,e.isClickOutside,e.isDisabled,e.refsExcludeClickOutside]),i.useEffect(()=>{if(!r||!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,o=e.clientY,r=t.getBoundingClientRect(),l=n.getBoundingClientRect(),a=i>=r.left-w&&i<=r.right+w&&o>=r.top-w&&o<=r.bottom+w,c=i>=l.left-w&&i<=l.right+w&&o>=l.top-w&&o<=l.bottom+w;a||c?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)}},[r,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();a(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]);return i.useEffect(()=>{r&&(null==t||t(),f(!0))},[r,t]),i.useEffect(()=>{!r&&c&&(null==n||n())},[r,c,n]),i.useEffect(()=>{if(!r||e.isDisabled)return;const t=t=>{const n=u.reference.current,i=u.floating.current,o=e.refsExcludeClickOutside||[];n instanceof HTMLElement&&n.contains(t.target)||i instanceof HTMLElement&&i.contains(t.target)||o.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)}},[r,u.reference,u.floating,e.refsExcludeClickOutside,e.isDisabled]),i.useEffect(()=>{if(!u.reference.current||e.isDisabled||!o)return;const t=u.reference.current,n=e=>{t instanceof HTMLElement&&!t.contains(e.relatedTarget)&&o()};return t instanceof HTMLElement&&t.addEventListener("blur",n,!0),()=>{t instanceof HTMLElement&&t.removeEventListener("blur",n,!0)}},[u.reference,e.isDisabled,o]),{isOpen:r,setIsOpen:s,open:b,close:$,toggle:E,refReference:u.setReference,refFloating:u.setFloating,floatingStyles:z,placement:m}},Ye=o.css`
   ${e=>o.css`
     background: ${e.theme.colors.button[e.$genre].background.rest};
     border-color: ${e.theme.colors.button[e.$genre].border.rest};
@@ -248,4 +248,4 @@
 `,it=o(Ue)`
   ${tt};
 `,ot=i.memo(t=>t.isDisabled?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.children}):e.jsxRuntimeExports.jsx(rt,{...t})),rt=t=>{const{isOpen:n,refReference:i,refFloating:o,floatingStyles:r}=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:r,ref:o,maxHeight:t.maxHeight,maxWidth:t.maxWidth,children:e.jsxRuntimeExports.jsx(ct,{sx:t.sxTypography??{default:{size:14}},children:t.content})})]})};ot.displayName="Tooltip";const st="bottom-start",lt=8,at=n=>{const{screenActual:o}=t.useScreenWidth(),r=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[o])??(null==(t=n.sx)?void 0:t.default)},[n.sx,o]);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,...r,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,...r,children:n.children}):e.jsxRuntimeExports.jsx(w,{ref:n.ref,as:n.isAnchor?"a":n.isParagraph?"p":(n.isSpan,"span"),href:n.href,...r,children:n.children})},ct=t=>e.jsxRuntimeExports.jsx(at,{...t}),ft=t=>e.jsxRuntimeExports.jsx(at,{isAnchor:!0,...t,ref:t.ref,href:t.href}),ut=n.createLink(ft),dt=i.memo(t=>{const[n,o]=i.useState(!1),r=i.useRef(null);return i.useEffect(()=>{const e=()=>{r.current&&o(r.current.scrollWidth>r.current.clientWidth)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[t.children]),e.jsxRuntimeExports.jsx(ot,{isDisabled:!n,content:t.children,...t.tooltip,children:e.jsxRuntimeExports.jsx(at,{ref:r,...t.typography,style:{position:"relative"},children:t.children})})});dt.displayName="TypographyTooltip",at.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=ot,exports.TooltipBox=it,exports.TooltipContainer=et,exports.TooltipContent=rt,exports.Typography=ct,exports.TypographyLink=ut,exports.TypographyTooltip=dt,exports.addSXTypography=x,exports.addTooltipBoxSize=tt,exports.addTooltipBoxSizeConstructor=nt,exports.getFontSizeStyles=m,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-BnYw0FvH.cjs.map
+//# sourceMappingURL=component-BfsH0boq.cjs.map