@tipp/ui 2.2.0 → 2.2.2

package/dist/chunk-6RMDENPS.js

@@ -1,64 +0,0 @@
-import {
-  useUIState
-} from "./chunk-PT57HCAI.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/tooltip.tsx
-import {
-  Box,
-  Tooltip as RadixTooltip
-} from "@radix-ui/themes";
-import { useCallback, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function Tooltip(_a) {
-  var _b = _a, {
-    children
-  } = _b, props = __objRest(_b, [
-    "children"
-  ]);
-  var _a2;
-  const { isMobile } = useUIState();
-  const [open, setOpen] = useState((_a2 = props.defaultOpen) != null ? _a2 : false);
-  const onTouchEnd = useCallback(
-    (e) => {
-      if (!isMobile) return;
-      e.preventDefault();
-      setOpen(false);
-    },
-    [isMobile]
-  );
-  const onClick = useCallback(
-    (e) => {
-      if (!isMobile) return;
-      e.preventDefault();
-      setOpen((p) => !p);
-    },
-    [isMobile]
-  );
-  return /* @__PURE__ */ jsx(
-    RadixTooltip,
-    __spreadProps(__spreadValues({
-      delayDuration: isMobile ? props.delayDuration : 0,
-      onOpenChange,
-      open
-    }, props), {
-      children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          asChild: true,
-          onClick,
-          children
-        }
-      )
-    })
-  );
-}
-
-export {
-  Tooltip
-};
-//# sourceMappingURL=chunk-6RMDENPS.js.map

package/dist/chunk-6RMDENPS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/tooltip.tsx"],"sourcesContent":["import {\n  Box,\n  Tooltip as RadixTooltip,\n  type TooltipProps as RadixTooltipProps,\n} from '@radix-ui/themes';\nimport { useCallback, useState } from 'react';\nimport { useUIState } from '@/context/ui-state-provider';\n\nexport function Tooltip({\n  children,\n  ...props\n}: RadixTooltipProps): React.ReactElement {\n  const { isMobile } = useUIState();\n  const [open, setOpen] = useState<boolean>(props.defaultOpen ?? false);\n\n  const onTouchEnd = useCallback(\n    (e: React.TouchEvent<HTMLDivElement>) => {\n      if (!isMobile) return;\n      e.preventDefault();\n      setOpen(false);\n    },\n    [isMobile]\n  );\n \n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!isMobile) return;\n      e.preventDefault();\n      setOpen(p=>!p);\n    },\n    [isMobile]\n  );\n  \n\n  return (\n    <RadixTooltip\n      delayDuration={isMobile ? props.delayDuration : 0}\n      onOpenChange={onOpenChange}\n      open={open}\n      {...props}\n    >\n      <Box\n        asChild\n        // onTouchEnd={onTouchEnd}\n        // onTouchStart={onTouchStart}\n        onClick={onClick}\n      >\n        {children}\n      </Box>\n    </RadixTooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA,WAAW;AAAA,OAEN;AACP,SAAS,aAAa,gBAAgB;AAoChC;AAjCC,SAAS,QAAQ,IAGkB;AAHlB,eACtB;AAAA;AAAA,EATF,IAQwB,IAEnB,kBAFmB,IAEnB;AAAA,IADH;AAAA;AATF,MAAAA;AAYE,QAAM,EAAE,SAAS,IAAI,WAAW;AAChC,QAAM,CAAC,MAAM,OAAO,IAAI,UAAkBA,MAAA,MAAM,gBAAN,OAAAA,MAAqB,KAAK;AAEpE,QAAM,aAAa;AAAA,IACjB,CAAC,MAAwC;AACvC,UAAI,CAAC,SAAU;AACf,QAAE,eAAe;AACjB,cAAQ,KAAK;AAAA,IACf;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,UAAU;AAAA,IACd,CAAC,MAAwC;AACvC,UAAI,CAAC,SAAU;AACf,QAAE,eAAe;AACjB,cAAQ,OAAG,CAAC,CAAC;AAAA,IACf;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,WAAW,MAAM,gBAAgB;AAAA,MAChD;AAAA,MACA;AAAA,OACI,QAJL;AAAA,MAMC;AAAA,QAAC;AAAA;AAAA,UACC,SAAO;AAAA,UAGP;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":["_a"]}

package/dist/chunk-7JGVZ5VX.js

@@ -1,63 +0,0 @@
-import {
-  useUIState
-} from "./chunk-PT57HCAI.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/tooltip.tsx
-import {
-  Box,
-  Tooltip as RadixTooltip
-} from "@radix-ui/themes";
-import { useCallback, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function Tooltip(_a) {
-  var _b = _a, {
-    children
-  } = _b, props = __objRest(_b, [
-    "children"
-  ]);
-  var _a2;
-  const { isMobile } = useUIState();
-  const [open, setOpen] = useState((_a2 = props.defaultOpen) != null ? _a2 : false);
-  const onOpenChange = useCallback(
-    (e) => {
-      if (isMobile) return;
-      setOpen(e);
-    },
-    [isMobile]
-  );
-  const onClick = useCallback(
-    (e) => {
-      if (!isMobile) return;
-      e.preventDefault();
-      setOpen((p) => !p);
-    },
-    [isMobile]
-  );
-  return /* @__PURE__ */ jsx(
-    RadixTooltip,
-    __spreadProps(__spreadValues({
-      delayDuration: isMobile ? props.delayDuration : 0,
-      onOpenChange,
-      open
-    }, props), {
-      children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          asChild: true,
-          onClick,
-          children
-        }
-      )
-    })
-  );
-}
-
-export {
-  Tooltip
-};
-//# sourceMappingURL=chunk-7JGVZ5VX.js.map

package/dist/chunk-7JGVZ5VX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/tooltip.tsx"],"sourcesContent":["import {\n  Box,\n  Tooltip as RadixTooltip,\n  type TooltipProps as RadixTooltipProps,\n} from '@radix-ui/themes';\nimport { useCallback, useState } from 'react';\nimport { useUIState } from '@/context/ui-state-provider';\n\nexport function Tooltip({\n  children,\n  ...props\n}: RadixTooltipProps): React.ReactElement {\n  const { isMobile } = useUIState();\n  const [open, setOpen] = useState<boolean>(props.defaultOpen ?? false);\n \n  const onOpenChange = useCallback(\n    (e: boolean) => {\n      if (isMobile) return;\n      setOpen(e);\n    },\n    [isMobile]\n  );\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (!isMobile) return;\n      e.preventDefault();\n      setOpen(p=>!p);\n    },\n    [isMobile]\n  );\n  \n\n  return (\n    <RadixTooltip\n      delayDuration={isMobile ? props.delayDuration : 0}\n      onOpenChange={onOpenChange}\n      open={open}\n      {...props}\n    >\n      <Box\n        asChild \n        onClick={onClick}\n      >\n        {children}\n      </Box>\n    </RadixTooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA,WAAW;AAAA,OAEN;AACP,SAAS,aAAa,gBAAgB;AAmChC;AAhCC,SAAS,QAAQ,IAGkB;AAHlB,eACtB;AAAA;AAAA,EATF,IAQwB,IAEnB,kBAFmB,IAEnB;AAAA,IADH;AAAA;AATF,MAAAA;AAYE,QAAM,EAAE,SAAS,IAAI,WAAW;AAChC,QAAM,CAAC,MAAM,OAAO,IAAI,UAAkBA,MAAA,MAAM,gBAAN,OAAAA,MAAqB,KAAK;AAEpE,QAAM,eAAe;AAAA,IACnB,CAAC,MAAe;AACd,UAAI,SAAU;AACd,cAAQ,CAAC;AAAA,IACX;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,UAAU;AAAA,IACd,CAAC,MAAwC;AACvC,UAAI,CAAC,SAAU;AACf,QAAE,eAAe;AACjB,cAAQ,OAAG,CAAC,CAAC;AAAA,IACf;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,WAAW,MAAM,gBAAgB;AAAA,MAChD;AAAA,MACA;AAAA,OACI,QAJL;AAAA,MAMC;AAAA,QAAC;AAAA;AAAA,UACC,SAAO;AAAA,UACP;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":["_a"]}

package/dist/chunk-7Q3LC67E.js

@@ -1,58 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-R4GUD2VA.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/ellipsis-tooltip.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function EllipsisTooltip(props) {
-  const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
-  const ref = useRef(null);
-  const [tooltipDisplay, setTooltipDisplay] = useState(
-    "none"
-  );
-  useEffect(() => {
-    if (ref.current) {
-      const typo = ref.current;
-      const mouseOver = () => {
-        if (typo.clientHeight < typo.scrollHeight) {
-          setTooltipDisplay("block");
-        }
-      };
-      const mouseOut = () => {
-        setTooltipDisplay("none");
-      };
-      ref.current.addEventListener("mouseenter", mouseOver);
-      ref.current.addEventListener("mouseleave", mouseOut);
-    }
-  }, [children]);
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
-    Typo,
-    __spreadProps(__spreadValues({}, rest), {
-      ref,
-      style: __spreadValues({
-        width: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        WebkitLineClamp: lineClamp,
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        wordBreak: "break-word"
-      }, style),
-      children
-    })
-  ) });
-}
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-7Q3LC67E.js.map

package/dist/chunk-7Q3LC67E.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(\n  props: EllipsisTooltipProps\n): React.ReactNode {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      const typo = ref.current;\n      const mouseOver = (): void => {\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      };\n\n      const mouseOut = (): void => {\n        setTooltipDisplay('none');\n      };\n\n      ref.current.addEventListener('mouseenter', mouseOver);\n      ref.current.addEventListener('mouseleave', mouseOut);\n    }\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display: '-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAuC7C;AA9BC,SAAS,gBACd,OACiB;AACjB,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,YAAM,OAAO,IAAI;AACjB,YAAM,YAAY,MAAY;AAC5B,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAEA,YAAM,WAAW,MAAY;AAC3B,0BAAkB,MAAM;AAAA,MAC1B;AAEA,UAAI,QAAQ,iBAAiB,cAAc,SAAS;AACpD,UAAI,QAAQ,iBAAiB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/chunk-A5SWN2EW.js

@@ -1,58 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-HNHY2UPD.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/ellipsis-tooltip.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function EllipsisTooltip(props) {
-  const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
-  const ref = useRef(null);
-  const [tooltipDisplay, setTooltipDisplay] = useState(
-    "none"
-  );
-  useEffect(() => {
-    if (ref.current) {
-      const typo = ref.current;
-      const mouseOver = () => {
-        if (typo.clientHeight < typo.scrollHeight) {
-          setTooltipDisplay("block");
-        }
-      };
-      const mouseOut = () => {
-        setTooltipDisplay("none");
-      };
-      ref.current.addEventListener("mouseenter", mouseOver);
-      ref.current.addEventListener("mouseleave", mouseOut);
-    }
-  }, [children]);
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
-    Typo,
-    __spreadProps(__spreadValues({}, rest), {
-      ref,
-      style: __spreadValues({
-        width: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        WebkitLineClamp: lineClamp,
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        wordBreak: "break-word"
-      }, style),
-      children
-    })
-  ) });
-}
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-A5SWN2EW.js.map

package/dist/chunk-A5SWN2EW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(\n  props: EllipsisTooltipProps\n): React.ReactNode {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      const typo = ref.current;\n      const mouseOver = (): void => {\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      };\n\n      const mouseOut = (): void => {\n        setTooltipDisplay('none');\n      };\n\n      ref.current.addEventListener('mouseenter', mouseOver);\n      ref.current.addEventListener('mouseleave', mouseOut);\n    }\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display: '-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAuC7C;AA9BC,SAAS,gBACd,OACiB;AACjB,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,YAAM,OAAO,IAAI;AACjB,YAAM,YAAY,MAAY;AAC5B,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAEA,YAAM,WAAW,MAAY;AAC3B,0BAAkB,MAAM;AAAA,MAC1B;AAEA,UAAI,QAAQ,iBAAiB,cAAc,SAAS;AACpD,UAAI,QAAQ,iBAAiB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/chunk-AFPH32MF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/button.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { Button as RadixButton } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport { convertSize } from '../utils/convert-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'soft';\n      return variant;\n    }, [variant]);\n\n    const className = useMemo(() => {\n      return clsx(props.className, { transparent: variant === 'transparent' });\n    }, [props.className, variant]);\n\n    return (\n      <RadixButton\n        style={style}\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n"],"mappings":";;;;;;;;;;AAAA,SAAgB,YAAY,eAAe;AAC3C,SAAS,UAAU,mBAAmB;AACtC,SAAS,YAAY;AAsBf;AAlBC,IAAM,SAAS;AAAA,EACpB,CAAC,OAAO,QAAyB;AAC/B,UAA+C,YAAvC,QAAM,OAAO,QARzB,IAQmD,IAAd,sBAAc,IAAd,CAAzB,QAAM,SAAO;AAErB,UAAM,YAAY,QAAQ,MAAM;AAC9B,aAAO,YAAY,IAAI;AAAA,IACzB,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,eAAe,QAAQ,MAAM;AACjC,UAAI,YAAY,cAAe,QAAO;AACtC,aAAO;AAAA,IACT,GAAG,CAAC,OAAO,CAAC;AAEZ,UAAM,YAAY,QAAQ,MAAM;AAC9B,aAAO,KAAK,MAAM,WAAW,EAAE,aAAa,YAAY,cAAc,CAAC;AAAA,IACzE,GAAG,CAAC,MAAM,WAAW,OAAO,CAAC;AAE7B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS;AAAA,SACL,YAHL;AAAA,QAIC;AAAA,QACA;AAAA,QACA,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-AV6XWZSS.js

@@ -1,57 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/tooltip.tsx
-import {
-  Box,
-  Tooltip as RadixTooltip
-} from "@radix-ui/themes";
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function Tooltip(_a) {
-  var _b = _a, {
-    children
-  } = _b, props = __objRest(_b, [
-    "children"
-  ]);
-  var _a2;
-  const [open, setOpen] = useState((_a2 = props.defaultOpen) != null ? _a2 : false);
-  const isMobile = true;
-  console.log("isMobile", isMobile);
-  console.log("open", open);
-  return /* @__PURE__ */ jsx(
-    RadixTooltip,
-    __spreadProps(__spreadValues({
-      delayDuration: isMobile ? props.delayDuration : 0,
-      onOpenChange: (e) => {
-        if (isMobile) return;
-        setOpen(e);
-      },
-      open
-    }, props), {
-      children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          asChild: true,
-          onTouchStart: (e) => {
-            e.preventDefault();
-            setOpen(true);
-          },
-          onTouchEnd: (e) => {
-            e.preventDefault();
-            setOpen(false);
-          },
-          children
-        }
-      )
-    })
-  );
-}
-
-export {
-  Tooltip
-};
-//# sourceMappingURL=chunk-AV6XWZSS.js.map

package/dist/chunk-AV6XWZSS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/tooltip.tsx"],"sourcesContent":["import {\n  Box,\n  Tooltip as RadixTooltip,\n  type TooltipProps as RadixTooltipProps,\n} from '@radix-ui/themes';\nimport { useState } from 'react';\nimport { useUIState } from '@/context/ui-state-provider';\n\nexport function Tooltip({\n  children,\n  ...props\n}: RadixTooltipProps): React.ReactElement {\n  //   const { isMobile } = useUIState();\n  const [open, setOpen] = useState<boolean>(props.defaultOpen ?? false);\n\n  const isMobile = true;\n  console.log('isMobile', isMobile);\n  console.log('open', open);\n\n  return (\n    <RadixTooltip\n      delayDuration={isMobile ? props.delayDuration : 0}\n      onOpenChange={(e) => {\n        if(isMobile) return;\n        setOpen(e);\n      }}\n      open={open}\n      {...props}\n    >\n      <Box\n        asChild\n        onTouchStart={(e) => {\n          e.preventDefault();\n          setOpen(true);\n        }}\n        onTouchEnd={(e) => {\n          e.preventDefault();\n          setOpen(false);\n        }}\n      >\n        {children}\n      </Box>\n    </RadixTooltip>\n  );\n}\n"],"mappings":";;;;;;;AAAA;AAAA,EACE;AAAA,EACA,WAAW;AAAA,OAEN;AACP,SAAS,gBAAgB;AAwBnB;AArBC,SAAS,QAAQ,IAGkB;AAHlB,eACtB;AAAA;AAAA,EATF,IAQwB,IAEnB,kBAFmB,IAEnB;AAAA,IADH;AAAA;AATF,MAAAA;AAaE,QAAM,CAAC,MAAM,OAAO,IAAI,UAAkBA,MAAA,MAAM,gBAAN,OAAAA,MAAqB,KAAK;AAEpE,QAAM,WAAW;AACjB,UAAQ,IAAI,YAAY,QAAQ;AAChC,UAAQ,IAAI,QAAQ,IAAI;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,WAAW,MAAM,gBAAgB;AAAA,MAChD,cAAc,CAAC,MAAM;AACnB,YAAG,SAAU;AACb,gBAAQ,CAAC;AAAA,MACX;AAAA,MACA;AAAA,OACI,QAPL;AAAA,MASC;AAAA,QAAC;AAAA;AAAA,UACC,SAAO;AAAA,UACP,cAAc,CAAC,MAAM;AACnB,cAAE,eAAe;AACjB,oBAAQ,IAAI;AAAA,UACd;AAAA,UACA,YAAY,CAAC,MAAM;AACjB,cAAE,eAAe;AACjB,oBAAQ,KAAK;AAAA,UACf;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":["_a"]}

package/dist/chunk-BZPNKUJI.js

@@ -1,72 +0,0 @@
-import {
-  useUIState
-} from "./chunk-PT57HCAI.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/tooltip.tsx
-import {
-  Box,
-  Tooltip as RadixTooltip
-} from "@radix-ui/themes";
-import { useCallback, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function Tooltip(_a) {
-  var _b = _a, {
-    children
-  } = _b, props = __objRest(_b, [
-    "children"
-  ]);
-  var _a2;
-  const { isMobile } = useUIState();
-  const [open, setOpen] = useState((_a2 = props.defaultOpen) != null ? _a2 : false);
-  const onTouchEnd = useCallback(
-    (e) => {
-      if (!isMobile) return;
-      e.preventDefault();
-      setOpen(false);
-    },
-    [isMobile]
-  );
-  const onTouchStart = useCallback(
-    (e) => {
-      if (!isMobile) return;
-      e.preventDefault();
-      setOpen(true);
-    },
-    [isMobile]
-  );
-  const onOpenChange = useCallback(
-    (e) => {
-      if (isMobile) return;
-      setOpen(e);
-    },
-    [isMobile]
-  );
-  return /* @__PURE__ */ jsx(
-    RadixTooltip,
-    __spreadProps(__spreadValues({
-      delayDuration: isMobile ? props.delayDuration : 0,
-      onOpenChange,
-      open
-    }, props), {
-      children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          asChild: true,
-          onTouchEnd,
-          onTouchStart,
-          children
-        }
-      )
-    })
-  );
-}
-
-export {
-  Tooltip
-};
-//# sourceMappingURL=chunk-BZPNKUJI.js.map

package/dist/chunk-BZPNKUJI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/tooltip.tsx"],"sourcesContent":["import {\n  Box,\n  Tooltip as RadixTooltip,\n  type TooltipProps as RadixTooltipProps,\n} from '@radix-ui/themes';\nimport { useCallback, useState } from 'react';\nimport { useUIState } from '@/context/ui-state-provider';\n\nexport function Tooltip({\n  children,\n  ...props\n}: RadixTooltipProps): React.ReactElement {\n  const { isMobile } = useUIState();\n  const [open, setOpen] = useState<boolean>(props.defaultOpen ?? false);\n\n  const onTouchEnd = useCallback(\n    (e: React.TouchEvent<HTMLDivElement>) => {\n      if (!isMobile) return;\n      e.preventDefault();\n      setOpen(false);\n    },\n    [isMobile]\n  );\n\n  const onTouchStart = useCallback(\n    (e: React.TouchEvent<HTMLDivElement>) => {\n      if (!isMobile) return;\n      e.preventDefault();\n      setOpen(true);\n    },\n    [isMobile]\n  );\n\n  const onOpenChange = useCallback(\n    (e: boolean) => {\n      if (isMobile) return;\n      setOpen(e);\n    },\n    [isMobile]\n  );\n\n  return (\n    <RadixTooltip\n      delayDuration={isMobile ? props.delayDuration : 0}\n      onOpenChange={onOpenChange}\n      open={open}\n      {...props}\n    >\n      <Box\n        asChild\n        onTouchEnd={onTouchEnd}\n        onTouchStart={onTouchStart}\n      >\n        {children}\n      </Box>\n    </RadixTooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA,WAAW;AAAA,OAEN;AACP,SAAS,aAAa,gBAAgB;AA2ChC;AAxCC,SAAS,QAAQ,IAGkB;AAHlB,eACtB;AAAA;AAAA,EATF,IAQwB,IAEnB,kBAFmB,IAEnB;AAAA,IADH;AAAA;AATF,MAAAA;AAYE,QAAM,EAAE,SAAS,IAAI,WAAW;AAChC,QAAM,CAAC,MAAM,OAAO,IAAI,UAAkBA,MAAA,MAAM,gBAAN,OAAAA,MAAqB,KAAK;AAEpE,QAAM,aAAa;AAAA,IACjB,CAAC,MAAwC;AACvC,UAAI,CAAC,SAAU;AACf,QAAE,eAAe;AACjB,cAAQ,KAAK;AAAA,IACf;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,MAAwC;AACvC,UAAI,CAAC,SAAU;AACf,QAAE,eAAe;AACjB,cAAQ,IAAI;AAAA,IACd;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,MAAe;AACd,UAAI,SAAU;AACd,cAAQ,CAAC;AAAA,IACX;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,WAAW,MAAM,gBAAgB;AAAA,MAChD;AAAA,MACA;AAAA,OACI,QAJL;AAAA,MAMC;AAAA,QAAC;AAAA;AAAA,UACC,SAAO;AAAA,UACP;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":["_a"]}

package/dist/chunk-CJGCPAG4.js

@@ -1,58 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-MSUEJHST.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/ellipsis-tooltip.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function EllipsisTooltip(props) {
-  const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
-  const ref = useRef(null);
-  const [tooltipDisplay, setTooltipDisplay] = useState(
-    "none"
-  );
-  useEffect(() => {
-    if (ref.current) {
-      const typo = ref.current;
-      const mouseOver = () => {
-        if (typo.clientHeight < typo.scrollHeight) {
-          setTooltipDisplay("block");
-        }
-      };
-      const mouseOut = () => {
-        setTooltipDisplay("none");
-      };
-      ref.current.addEventListener("mouseenter", mouseOver);
-      ref.current.addEventListener("mouseleave", mouseOut);
-    }
-  }, [children]);
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
-    Typo,
-    __spreadProps(__spreadValues({}, rest), {
-      ref,
-      style: __spreadValues({
-        width: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        WebkitLineClamp: lineClamp,
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        wordBreak: "break-word"
-      }, style),
-      children
-    })
-  ) });
-}
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-CJGCPAG4.js.map

package/dist/chunk-CJGCPAG4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(\n  props: EllipsisTooltipProps\n): React.ReactNode {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      const typo = ref.current;\n      const mouseOver = (): void => {\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      };\n\n      const mouseOut = (): void => {\n        setTooltipDisplay('none');\n      };\n\n      ref.current.addEventListener('mouseenter', mouseOver);\n      ref.current.addEventListener('mouseleave', mouseOut);\n    }\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display: '-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAuC7C;AA9BC,SAAS,gBACd,OACiB;AACjB,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,YAAM,OAAO,IAAI;AACjB,YAAM,YAAY,MAAY;AAC5B,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAEA,YAAM,WAAW,MAAY;AAC3B,0BAAkB,MAAM;AAAA,MAC1B;AAEA,UAAI,QAAQ,iBAAiB,cAAc,SAAS;AACpD,UAAI,QAAQ,iBAAiB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}

package/dist/chunk-CPXLJ6WP.js

@@ -1,41 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/tooltip.tsx
-import {
-  Tooltip as RadixTooltip
-} from "@radix-ui/themes";
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function Tooltip(_a) {
-  var _b = _a, {
-    children
-  } = _b, props = __objRest(_b, [
-    "children"
-  ]);
-  var _a2;
-  const [open, setOpen] = useState((_a2 = props.defaultOpen) != null ? _a2 : false);
-  const isMobile = true;
-  console.log("isMobile", isMobile);
-  console.log("open", open);
-  return /* @__PURE__ */ jsx(
-    RadixTooltip,
-    __spreadProps(__spreadValues({
-      delayDuration: isMobile ? props.delayDuration : 0,
-      onOpenChange: (e) => {
-        setOpen(e);
-      },
-      open
-    }, props), {
-      children: /* @__PURE__ */ jsx("div", { children })
-    })
-  );
-}
-
-export {
-  Tooltip
-};
-//# sourceMappingURL=chunk-CPXLJ6WP.js.map

package/dist/chunk-CPXLJ6WP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/tooltip.tsx"],"sourcesContent":["import {\n  Tooltip as RadixTooltip,\n  type TooltipProps as RadixTooltipProps,\n} from '@radix-ui/themes';\nimport { useState } from 'react';\nimport { useUIState } from '@/context/ui-state-provider';\n\nexport function Tooltip({\n  children,\n  ...props\n}: RadixTooltipProps): React.ReactElement {\n  //   const { isMobile } = useUIState();\n  const [open, setOpen] = useState<boolean>(props.defaultOpen ?? false);\n\n  const isMobile = true;\n  console.log('isMobile', isMobile);\n  console.log('open', open);\n\n  return (\n    <RadixTooltip\n      delayDuration={isMobile ? props.delayDuration : 0}\n      onOpenChange={(e) => {\n        setOpen(e);\n      }}\n      open={open}\n      {...props}\n    >\n      <div>{children}</div>\n    </RadixTooltip>\n  );\n}\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,WAAW;AAAA,OAEN;AACP,SAAS,gBAAgB;AAuBnB;AApBC,SAAS,QAAQ,IAGkB;AAHlB,eACtB;AAAA;AAAA,EARF,IAOwB,IAEnB,kBAFmB,IAEnB;AAAA,IADH;AAAA;AARF,MAAAA;AAYE,QAAM,CAAC,MAAM,OAAO,IAAI,UAAkBA,MAAA,MAAM,gBAAN,OAAAA,MAAqB,KAAK;AAEpE,QAAM,WAAW;AACjB,UAAQ,IAAI,YAAY,QAAQ;AAChC,UAAQ,IAAI,QAAQ,IAAI;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,WAAW,MAAM,gBAAgB;AAAA,MAChD,cAAc,CAAC,MAAM;AACnB,gBAAQ,CAAC;AAAA,MACX;AAAA,MACA;AAAA,OACI,QANL;AAAA,MAQC,8BAAC,SAAK,UAAS;AAAA;AAAA,EACjB;AAEJ;","names":["_a"]}

package/dist/chunk-DRPITBVU.js

@@ -1,45 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/tooltip.tsx
-import {
-  Box,
-  Tooltip as RadixTooltip
-} from "@radix-ui/themes";
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function Tooltip(_a) {
-  var _b = _a, {
-    children
-  } = _b, props = __objRest(_b, [
-    "children"
-  ]);
-  var _a2;
-  const [open, setOpen] = useState((_a2 = props.defaultOpen) != null ? _a2 : false);
-  const isMobile = true;
-  console.log("isMobile", isMobile);
-  console.log("open", open);
-  return /* @__PURE__ */ jsx(
-    RadixTooltip,
-    __spreadProps(__spreadValues({
-      delayDuration: isMobile ? props.delayDuration : 0,
-      onOpenChange: (e) => {
-        setOpen(e);
-      },
-      open
-    }, props), {
-      children: /* @__PURE__ */ jsx(Box, { asChild: true, onClick: (e) => {
-        e.preventDefault();
-        setOpen(true);
-      }, children })
-    })
-  );
-}
-
-export {
-  Tooltip
-};
-//# sourceMappingURL=chunk-DRPITBVU.js.map

package/dist/chunk-DRPITBVU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/tooltip.tsx"],"sourcesContent":["import {\n    Box,\n  Tooltip as RadixTooltip,\n  type TooltipProps as RadixTooltipProps,\n} from '@radix-ui/themes';\nimport { useState } from 'react';\nimport { useUIState } from '@/context/ui-state-provider';\n\nexport function Tooltip({\n  children,\n  ...props\n}: RadixTooltipProps): React.ReactElement {\n  //   const { isMobile } = useUIState();\n  const [open, setOpen] = useState<boolean>(props.defaultOpen ?? false);\n\n  const isMobile = true;\n  console.log('isMobile', isMobile);\n  console.log('open', open);\n\n  return (\n    <RadixTooltip\n      delayDuration={isMobile ? props.delayDuration : 0}\n      onOpenChange={(e) => {\n        setOpen(e);\n      }}\n      open={open}\n      {...props}\n    >\n      <Box asChild onClick={e=>{\n        e.preventDefault();\n        setOpen(true);\n      }}>{children}</Box>\n    </RadixTooltip>\n  );\n}\n"],"mappings":";;;;;;;AAAA;AAAA,EACI;AAAA,EACF,WAAW;AAAA,OAEN;AACP,SAAS,gBAAgB;AAuBnB;AApBC,SAAS,QAAQ,IAGkB;AAHlB,eACtB;AAAA;AAAA,EATF,IAQwB,IAEnB,kBAFmB,IAEnB;AAAA,IADH;AAAA;AATF,MAAAA;AAaE,QAAM,CAAC,MAAM,OAAO,IAAI,UAAkBA,MAAA,MAAM,gBAAN,OAAAA,MAAqB,KAAK;AAEpE,QAAM,WAAW;AACjB,UAAQ,IAAI,YAAY,QAAQ;AAChC,UAAQ,IAAI,QAAQ,IAAI;AAExB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,WAAW,MAAM,gBAAgB;AAAA,MAChD,cAAc,CAAC,MAAM;AACnB,gBAAQ,CAAC;AAAA,MACX;AAAA,MACA;AAAA,OACI,QANL;AAAA,MAQC,8BAAC,OAAI,SAAO,MAAC,SAAS,OAAG;AACvB,UAAE,eAAe;AACjB,gBAAQ,IAAI;AAAA,MACd,GAAI,UAAS;AAAA;AAAA,EACf;AAEJ;","names":["_a"]}

package/dist/chunk-FYMLBAXF.js

@@ -1,58 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-BZPNKUJI.js";
-import {
-  Typo
-} from "./chunk-PARGQUJB.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-2NMEKWO5.js";
-
-// src/atoms/ellipsis-tooltip.tsx
-import { useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function EllipsisTooltip(props) {
-  const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
-  const ref = useRef(null);
-  const [tooltipDisplay, setTooltipDisplay] = useState(
-    "none"
-  );
-  useEffect(() => {
-    if (ref.current) {
-      const typo = ref.current;
-      const mouseOver = () => {
-        if (typo.clientHeight < typo.scrollHeight) {
-          setTooltipDisplay("block");
-        }
-      };
-      const mouseOut = () => {
-        setTooltipDisplay("none");
-      };
-      ref.current.addEventListener("mouseenter", mouseOver);
-      ref.current.addEventListener("mouseleave", mouseOut);
-    }
-  }, [children]);
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
-    Typo,
-    __spreadProps(__spreadValues({}, rest), {
-      ref,
-      style: __spreadValues({
-        width: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        WebkitLineClamp: lineClamp,
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        wordBreak: "break-word"
-      }, style),
-      children
-    })
-  ) });
-}
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-FYMLBAXF.js.map

package/dist/chunk-FYMLBAXF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n  children?: string;\n};\n\nexport function EllipsisTooltip(\n  props: EllipsisTooltipProps\n): React.ReactNode {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      const typo = ref.current;\n      const mouseOver = (): void => {\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\n      };\n\n      const mouseOut = (): void => {\n        setTooltipDisplay('none');\n      };\n\n      ref.current.addEventListener('mouseenter', mouseOver);\n      ref.current.addEventListener('mouseleave', mouseOut);\n    }\n  }, [children]);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={ref}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          WebkitLineClamp: lineClamp,\n\n          display: '-webkit-box',\n          WebkitBoxOrient: 'vertical',\n          wordBreak: 'break-word',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAuC7C;AA9BC,SAAS,gBACd,OACiB;AACjB,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,IAAI,SAAS;AACf,YAAM,OAAO,IAAI;AACjB,YAAM,YAAY,MAAY;AAC5B,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAEA,YAAM,WAAW,MAAY;AAC3B,0BAAkB,MAAM;AAAA,MAC1B;AAEA,UAAI,QAAQ,iBAAiB,cAAc,SAAS;AACpD,UAAI,QAAQ,iBAAiB,cAAc,QAAQ;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB;AAAA,QAEjB,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":[]}