@jenesei-software/jenesei-kit-react 1.0.0 → 1.2.0

package/build/{component-CFMlaYj1.js → component-9m1Ib3fS.js}

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

package/build/{component-CFMlaYj1.js.map → component-9m1Ib3fS.js.map}

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

package/build/{component-CuiUpH8H.js → component-B1IQ5CfM.js}

@@ -1,7 +1,7 @@
 import { j as jsxRuntimeExports } from "./jsx-runtime-BrDlu8eK.js";
+import { b as ErrorMessage } from "./style-DjCgiI7l.js";
 import { useCallback } from "react";
-import { b as ErrorMessage } from "./style-DeAgDHyI.js";
-import { S as StyledInputWrapper, j as InputPrefixChildren, h as StyledInputPattern, i as StyledInputNumeric, f as StyledInput, k as InputPostfixChildren } from "./component.styles-Du2y0R4W.js";
+import { S as StyledInputWrapper, j as InputPrefixChildren, h as StyledInputPattern, i as StyledInputNumeric, f as StyledInput, k as InputPostfixChildren } from "./component.styles-D6KuudL3.js";
 const Input = (props) => {
   const handleOnChange = useCallback(
     (input) => {
@@ -57,8 +57,8 @@ const Input = (props) => {
               disabled: props.isDisabled,
               readOnly: props.isReadOnly,
               required: props.isRequired,
-              defaultValue: props.defaultValue,
-              value: props.value,
+              defaultValue: props.defaultValue === null ? "" : props.defaultValue,
+              value: props.value === null ? "" : props.value,
               placeholder: props.placeholder,
               onValueChange: (props2) => handleOnChange(props2),
               onBlur: props.onBlur,
@@ -90,8 +90,8 @@ const Input = (props) => {
               disabled: props.isDisabled,
               readOnly: props.isReadOnly,
               required: props.isRequired,
-              defaultValue: props.defaultValue,
-              value: props.value,
+              defaultValue: props.defaultValue === null ? "" : props.defaultValue,
+              value: props.value === null ? "" : props.value,
               placeholder: props.placeholder,
               onValueChange: (props2) => handleOnChange(props2),
               onBlur: props.onBlur,
@@ -127,11 +127,11 @@ const Input = (props) => {
               disabled: props.isDisabled,
               readOnly: props.isReadOnly,
               required: props.isRequired,
-              defaultValue: props.defaultValue,
-              value: props.value ?? "",
+              defaultValue: props.defaultValue === null ? "" : props.defaultValue,
+              value: props.value === null ? "" : props.value,
               placeholder: props.placeholder,
               type: props.type,
-              autoComplete: props.autocomplete,
+              autoComplete: props.autoComplete,
               onInput: (event) => {
                 const input = event.target;
                 handleOnChange(input.value);
@@ -204,4 +204,4 @@ export {
   Input as I,
   formatPhoneNumber as f
 };
-//# sourceMappingURL=component-CuiUpH8H.js.map
+//# sourceMappingURL=component-B1IQ5CfM.js.map

package/build/component-B1IQ5CfM.js.map

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

package/build/{component-C52VCES6.cjs → component-BnYw0FvH.cjs}

@@ -1,12 +1,9 @@
-"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("@tanstack/react-router"),n=require("react"),i=require("./context.hooks-BIsapq-0.cjs"),o=require("styled-components"),r=require("./style-fRZ6xrVp.cjs"),s=require("./theme.global-D6XU05Et.cjs"),l=require("react-dom"),a=require("framer-motion"),c=require("./style-Dm74EPGE.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(n),h=u(l),m=(e,t,n,i)=>o.css`
+"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("./context.hooks-BIsapq-0.cjs"),n=require("@tanstack/react-router"),i=require("react"),o=require("styled-components"),r=require("./theme.global-BdZkriPJ.cjs"),s=require("react-dom"),l=require("framer-motion"),a=require("./style-f3_KtJIt.cjs"),c=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),h=u(s),m=(e,t,n,i)=>o.css`
   font-family: ${n||"inherit"};
   font-style: normal;
-  line-height: ${e=>e.theme.font.lineHeight};
+  line-height: ${e=>i||e.theme.font.lineHeight};
   font-size: ${e}px;
   font-weight: ${t};
-  ${i&&o.css`
-    line-height: ${i};
-  `}
 `,p=o.keyframes`
   0% {
     text-shadow: 0 0 0 rgba(0, 0, 0, 0);
@@ -60,7 +57,7 @@
       line-height: ${e.height}px;
     `};
     ${e.color&&o.css`
-      color: ${s.JeneseiPalette[e.color]};
+      color: ${r.JeneseiPalette[e.color]};
     `};
     ${e.align&&o.css`
       text-align: ${e.align};
@@ -79,6 +76,12 @@
         text-decoration: underline;
       }
     `};
+    ${e.isNoUserSelect&&o.css`
+      user-select: none;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+    `};
     ${"size"in e&&e.size&&o.css`
       font-size: ${e.size}px;
     `};
@@ -198,10 +201,11 @@
   overflow-wrap: anywhere;
   line-height: ${e=>e.theme.font.lineHeight};
   ${x};
-  ${r.addSX}
+  ${c.addSX}
 `,w=o.span`
   ${y}
-`;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 C(e){return!(!v()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof $(e).ShadowRoot)}function S(e){const{overflow:t,overflowX:n,overflowY:i,display:o}=j(e);return/auto|scroll|overlay|hidden|clip/.test(t+i+n)&&!["inline","contents"].includes(o)}function D(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)?j(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 j(e){return $(e).getComputedStyle(e)}function O(e){return E(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function P(e){if("html"===b(e))return e;const t=e.assignedSlot||e.parentNode||C(e)&&e.host||z(e);return C(t)?t.host:t}function M(e){const t=P(e);return A(t)?e.ownerDocument?e.ownerDocument.body:e.body:T(t)&&S(t)?t:M(t)}function F(e,t,n){var i;void 0===t&&(t=[]),void 0===n&&(n=!0);const o=M(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||[],S(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"},X={start:"end",end:"start"};function U(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 J(e){return e.split("-")[1]}function Z(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 Z(Q(e))}function te(e){return e.replace(/start|end/g,e=>X[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?n.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(J(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=j(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=j(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=O(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=O(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"===j(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=P(e);return!(n===t||!E(n)||A(n))&&("fixed"===j(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)||S(o))&&(l=O(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"===j(e).position}function ve(e,t){if(!T(e)||"fixed"===j(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=P(e);for(;t&&!A(t);){if(E(t)&&!we(t))return t;t=P(t)}return n}let i=ve(e,t);for(;i&&D(i)&&we(i);)i=ve(i,t);return i&&A(i)&&we(i)&&!L(i)?n:i||function(e){let t=P(e);for(;T(t)&&!A(t);){if(L(t))return t;if(H(t))return null;t=P(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)||S(s))&&(a=O(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"===j(e).position;let s=r?P(e):e;for(;E(s)&&!A(s);){const t=j(s),n=L(s);n||"fixed"!==t.position||(o=null),(r?!n&&!o:!n&&"static"===t.position&&o&&["absolute","fixed"].includes(o.position)||S(s)&&!n&&xe(e,s))?i=i.filter(e=>e!==s):o=t,s=P(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"===j(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=J(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=Z(u);let h=c[d],m=c[u];if(r){const e="y"===d?"bottom":"right";h=U(h+f["y"===d?"top":"left"],h,h-f[e])}if(s){const e="y"===u?"bottom":"right";m=U(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}}}}}},Ce=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=J(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=J(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 C,S;const e=((null==(C=r.flip)?void 0:C.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==(S=T.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:S.placement;if(!n)switch(h){case"bestFit":{var D;const e=null==(D=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:D[0];e&&(n=e);break}case"initialPlacement":n=l}if(o!==n)return{reset:{placement:n}}}return{}}}},Se=(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 De="undefined"!=typeof document?n.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 De(()=>{t.current=e}),t}const je=(e,t)=>({...Te(e),options:[e,t]}),Oe=(e,t)=>({...Ce(e),options:[e,t]}),Pe={...d};let Me=!1,Fe=0;const We=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+Fe++;const Ne=Pe.useId||function(){const[e,t]=d.useState(()=>Me?We():void 0);return oe(()=>{null==e&&t(We())},[]),d.useEffect(()=>{Me=!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),C=null!=a,S=Ae(a),D=Ae(o),H=Ae(c),L=d.useCallback(()=>{if(!R.current||!E.current)return;const e={placement:t,strategy:n,middleware:m};D.current&&(e.platform=D.current),Se(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,D,H]);De(()=>{!1===c&&T.current.isPositioned&&(T.current.isPositioned=!1,u(e=>({...e,isPositioned:!1})))},[c]);const k=d.useRef(!1);De(()=>(k.current=!0,()=>{k.current=!1}),[]),De(()=>{if($&&(R.current=$),z&&(E.current=z),$&&z){if(S.current)return S.current($,z,L);L()}},[$,z,L,S,C]);const A=d.useMemo(()=>({reference:R,floating:E,setReference:v,setFloating:b}),[v,b]),j=d.useMemo(()=>({reference:$,floating:z}),[$,z]),O=d.useMemo(()=>{const e={position:n,left:0,top:0};if(!j.floating)return e;const t=ke(j.floating,f.x),i=ke(j.floating,f.y);return l?{...e,transform:"translate("+t+"px, "+i+"px)",...Le(j.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:t,top:i}},[n,l,j.floating,f.x,f.y]);return d.useMemo(()=>({...f,update:L,refs:A,elements:j,floatingStyles:O}),[f,L,A,j,O])}({...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 Xe=t=>l.createPortal(e.jsxRuntimeExports.jsx(a.AnimatePresence,{children:t.isOpen&&e.jsxRuntimeExports.jsx("div",{ref:t.ref,style:{position:"absolute",top:0,left:0,...t.floatingStyles,transform:t.floatingStyles.transform,zIndex:9999},children:e.jsxRuntimeExports.jsx(Ze,{$genre:t.genre??"black",className:t.className,tabIndex:0,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),Ue=e=>{const[t,i]=n.useState(!1),[o,r]=n.useState(void 0),{refs:s,floatingStyles:l,update:a,placement:c}=Ve({open:t,placement:e.placement,middleware:[(f=e.offset??8,{...Ee(f),options:[f,u]}),Oe(),je()],whileElementsMounted:Re});var f,u;const d=n.useRef(null),h=n.useRef(null),m=n.useMemo(()=>e.hoverOffset??e.offset??Ge,[e.hoverOffset,e.offset]),p=n.useMemo(()=>e.hoverCloseDelay??Qe,[e.hoverCloseDelay]);n.useEffect(()=>{const t=s.reference.current;if(t){if(("click"===e.mode||"clickOpen"===e.mode)&&t instanceof HTMLElement){const n=()=>{"click"===e.mode?i(e=>!e):"clickOpen"===e.mode&&i(!0)};return t.addEventListener("click",n),()=>{t.removeEventListener("click",n)}}if("hover"===e.mode&&t instanceof HTMLElement){const e=()=>{i(!0)},n=()=>{h.current&&clearTimeout(h.current),h.current=setTimeout(()=>i(!1),p)};return t.addEventListener("mouseenter",e),t.addEventListener("mouseleave",n),()=>{t.removeEventListener("mouseenter",e),t.removeEventListener("mouseleave",n),h.current&&clearTimeout(h.current)}}}},[e.mode,s.reference,p]),n.useEffect(()=>{if(!t||!s.reference.current||!s.floating.current)return;const n=Re(s.reference.current,s.floating.current,a);return e.isClickOutside&&(d.current=e=>{const t=s.reference.current,n=s.floating.current;t instanceof HTMLElement&&n instanceof HTMLElement&&!t.contains(e.target)&&!n.contains(e.target)&&i(!1)},document.addEventListener("mousedown",d.current)),()=>{n(),d.current&&(document.removeEventListener("mousedown",d.current),d.current=null),h.current&&clearTimeout(h.current)}},[t,s.reference,s.floating,a,e.isClickOutside]),n.useEffect(()=>{if(!(t&&e.isFloatingHover&&s.reference.current&&s.floating.current))return;const n=s.reference.current,o=s.floating.current,r=e=>{const t=e.clientX,r=e.clientY,s=n.getBoundingClientRect(),l=o.getBoundingClientRect(),a=t>=s.left-m&&t<=s.right+m&&r>=s.top-m&&r<=s.bottom+m,c=t>=l.left-m&&t<=l.right+m&&r>=l.top-m&&r<=l.bottom+m;a||c?h.current&&(clearTimeout(h.current),h.current=null):(h.current&&clearTimeout(h.current),h.current=setTimeout(()=>i(!1),p))};return document.addEventListener("mousemove",r),()=>{document.removeEventListener("mousemove",r),h.current&&clearTimeout(h.current)}},[t,e.isFloatingHover,s.reference,s.floating,m,p]),n.useLayoutEffect(()=>{if(!t||!e.isWidthAsContent||!s.reference.current)return;const n=s.reference.current.getBoundingClientRect();r(n.width)},[t,e.isWidthAsContent,s.reference]);const g=n.useCallback(()=>i(!0),[]),x=n.useCallback(()=>i(!1),[]),y=n.useCallback(()=>i(e=>!e),[]),w=n.useMemo(()=>({...l,minWidth:e.isWidthAsContent&&o?`${o}px`:void 0,maxWidth:e.isWidthAsContent&&o?`${o}px`:void 0}),[l,e.isWidthAsContent,o]);return{isOpen:t,setIsOpen:i,open:g,close:x,toggle:y,reference:s.setReference,floating:s.setFloating,floatingStyles:w,placement:c}},Ye=o.css`
+  ${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`
   ${e=>o.css`
     background: ${e.theme.colors.button[e.$genre].background.rest};
     border-color: ${e.theme.colors.button[e.$genre].border.rest};
@@ -209,29 +213,29 @@
     /* box-shadow: ${e.theme.effects.button}; */
   `};
 `,Ke=o.css`
-  ${e=>Je({...s.KEY_SIZE_DATA[e.$size??"medium"]})};
-`,Je=e=>o.css`
+  ${e=>Ze({...r.KEY_SIZE_DATA[e.$size??"medium"]})};
+`,Ze=e=>o.css`
   display: flex;
   border-radius: ${e.radius}px;
   padding: ${e.padding}px;
   gap: ${e.padding-2}px;
   ${t=>m(e.font,500,t.theme.font.family)};
-`,Ze=o(a.motion.div)`
+`,Je=o(l.motion.div)`
   max-width: ${e=>e.$maxWidth||"100%"};
   max-height: ${e=>e.$maxHeight||"100%"};
   overflow: auto;
   flex-direction: column;
   ${Ke};
-  ${c.addOutline};
+  ${a.addAlwaysOutline};
   ${x};
   ${Ye};
-  ${r.addSX};
+  ${c.addSX};
 `,Ge=8,Qe=100,et=o(f.Stack)`
   display: flex;
   width: fit-content;
   height: fit-content;
 `,tt=o.css`
-  ${e=>nt({...s.KEY_SIZE_DATA[e.size??"medium"]})};
+  ${e=>nt({...r.KEY_SIZE_DATA[e.size??"medium"]})};
 `,nt=e=>o.css`
   gap: 0px;
   padding: ${e.padding}px ${e.padding}px 0px ${e.padding}px;
@@ -241,7 +245,7 @@
     height: ${e.padding}px;
     width: 100%;
   }
-`,it=o(Xe)`
+`,it=o(Ue)`
   ${tt};
-`,ot=n.memo(t=>t.isDisabled?e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:t.children}):e.jsxRuntimeExports.jsx(rt,{...t})),rt=t=>{const{isOpen:n,reference:i,floating:o,floatingStyles:r}=Ue({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=t=>{const{screenActual:o}=i.useScreenWidth(),r=n.useMemo(()=>({$sxTypography:t.sx,style:t.style,className:t.className,$sx:t.sxStandard,onClick:t.onClick?t.onClick:()=>{}}),[t.sx,t.style,t.className,t.sxStandard,t.onClick]),s=n.useMemo(()=>{var e,n;return(null==(e=t.sx)?void 0:e[o])??(null==(n=t.sx)?void 0:n.default)},[t.sx,o]);return s&&"variant"in s?"h7"===s.variant||"h8"===s.variant||"h9"===s.variant?e.jsxRuntimeExports.jsx(w,{ref:t.ref,as:t.isAnchor?"a":t.isParagraph?"p":(t.isSpan,"span"),href:t.href,...r,children:t.children}):e.jsxRuntimeExports.jsx(w,{ref:t.ref,as:t.isAnchor?"a":t.isParagraph?"p":t.isSpan?"span":s.variant,href:t.href,...r,children:t.children}):e.jsxRuntimeExports.jsx(w,{ref:t.ref,as:t.isAnchor?"a":t.isParagraph?"p":(t.isSpan,"span"),href:t.href,...r,children:t.children})},ct=t=>e.jsxRuntimeExports.jsx(at,{...t}),ft=t=>e.jsxRuntimeExports.jsx(at,{isAnchor:!0,...t,ref:t.ref,href:t.href}),ut=t.createLink(ft),dt=n.memo(t=>{const[i,o]=n.useState(!1),r=n.useRef(null);return n.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:!i,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=Xe,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.usePopover=Ue;
-//# sourceMappingURL=component-C52VCES6.cjs.map
+`,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