@tipp/ui 1.0.10 → 1.0.12

package/dist/chunk-PQBRLX37.js

@@ -1,48 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/ellipsis-tooltip.tsx
-import { forwardRef, useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var EllipsisTooltip = forwardRef((props, maybeRef) => {
-  const _a = props, { children, style, lineClamp } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
-  const ref = useRef(null);
-  const typoRef = maybeRef || ref;
-  const [tooltipDisplay, setTooltipDisplay] = useState(
-    "none"
-  );
-  useEffect(() => {
-  }, []);
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsxs(
-    Typo,
-    __spreadProps(__spreadValues({}, rest), {
-      ref: typoRef,
-      style: __spreadValues({
-        width: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        wordBreak: "break-word",
-        WebkitLineClamp: lineClamp
-      }, style),
-      children: [
-        "\uC774\uAC8C \uC774\uB807\uAC8C \uC624\uB798\uAC78\uB9B4 \uC77C\uC774 \uC544\uB2CC\uB370...",
-        children
-      ]
-    })
-  ) });
-});
-EllipsisTooltip.displayName = "EllipsisTooltip";
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-PQBRLX37.js.map

package/dist/chunk-PQBRLX37.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n};\n\nexport const EllipsisTooltip = forwardRef<\n  HTMLSpanElement,\n  EllipsisTooltipProps\n>((props: EllipsisTooltipProps, maybeRef): React.ReactNode => {\n  const { children, style, lineClamp, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n  const typoRef = maybeRef || ref;\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    // if (maybeRef) {\n    //   const typo = typoRef;\n    //   if (typo.scrollWidth > typo.clientWidth) {\n    //     setTooltipDisplay('block');\n    //   } else {\n    //     setTooltipDisplay('none');\n    //   }\n    // }\n  }, []);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={typoRef}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          wordBreak: 'break-word',\n          WebkitLineClamp: lineClamp,\n          ...style,\n        }}\n      >\n        이게 이렇게 오래걸릴 일이 아닌데...\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n});\n\nEllipsisTooltip.displayName = 'EllipsisTooltip';\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,YAAY,WAAW,QAAQ,gBAAgB;AA+B3D,cACE,YADF;AAvBG,IAAM,kBAAkB,WAG7B,CAAC,OAA6B,aAA8B;AAC5D,QAAgD,YAAxC,YAAU,OAAO,UAZ3B,IAYkD,IAAT,iBAAS,IAAT,CAA/B,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AACxC,QAAM,UAAU,YAAY;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAAA,EAShB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,WAAW;AAAA,QACX,iBAAiB;AAAA,SACd;AAAA,MAEN;AAAA;AAAA,QAEE;AAAA;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}

package/dist/chunk-QIKFIRGO.js

@@ -1,59 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.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(() => {
-    var _a2, _b;
-    const mouseOver = () => {
-      if (ref.current) {
-        const typo = ref.current;
-        if (typo.scrollWidth > typo.clientWidth) {
-          setTooltipDisplay("block");
-        }
-      }
-    };
-    const mouseOut = () => {
-      setTooltipDisplay("none");
-    };
-    (_a2 = ref.current) == null ? void 0 : _a2.addEventListener("mouseenter", mouseOver);
-    (_b = ref.current) == null ? void 0 : _b.addEventListener("mouseleave", mouseOut);
-  }, [ref]);
-  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-QIKFIRGO.js.map

package/dist/chunk-QIKFIRGO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n};\n\nexport function EllipsisTooltip(props: EllipsisTooltipProps): 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    const mouseOver = ():void=>{\n      if (ref.current) {\n        const typo = ref.current;\n        if (typo.scrollWidth > typo.clientWidth) {\n          setTooltipDisplay('block');\n        }\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  }, [ref]);\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} "],"mappings":";;;;;;;;;;;;;AAAA,SAA4B,WAAW,QAAQ,gBAAgB;AAoCzD;AA5BC,SAAS,gBAAgB,OAA8C;AAC5E,QAAoD,YAA5C,YAAU,OAAO,YAAY,EATvC,IASsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAhBlB,QAAAA,KAAA;AAiBI,UAAM,YAAY,MAAS;AACzB,UAAI,IAAI,SAAS;AACf,cAAM,OAAO,IAAI;AACjB,YAAI,KAAK,cAAc,KAAK,aAAa;AACvC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAEA,UAAM,WAAW,MAAS;AACxB,wBAAkB,MAAM;AAAA,IAC1B;AAED,KAAAA,MAAA,IAAI,YAAJ,gBAAAA,IAAa,iBAAiB,cAAa;AAC3C,cAAI,YAAJ,mBAAa,iBAAiB,cAAa;AAAA,EAC5C,GAAG,CAAC,GAAG,CAAC;AAER,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,SAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":["_a"]}

package/dist/chunk-QTHWYUYP.js

@@ -1,28 +0,0 @@
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-
-// src/molecules/navigation.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Navigation({ items }) {
-  return /* @__PURE__ */ jsx(Flex, { direction: "column", gap: "4", children: items == null ? void 0 : items.map((item) => {
-    const { key, title, icon, itemRender, onClick, children } = item;
-    return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
-      itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { gap: "3", pl: "4", pr: "4", children: [
-        icon,
-        /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
-      ] }),
-      children == null ? void 0 : children.map((el) => {
-        return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(Flex, { pl: "7", children: /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: el.title }) }, el.key);
-      })
-    ] }, key);
-  }) });
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-QTHWYUYP.js.map

package/dist/chunk-QTHWYUYP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex, Typo } from '../atoms';\n\ninterface Item {\n  itemRender?: (item: Item) => React.ReactNode;\n  key: string;\n  onClick?: () => void;\n  title: string;\n  icon?: React.ReactNode;\n  children?: Item[];\n}\n\nexport interface NavigationProps {\n  items?: Item[];\n}\n\nexport function Navigation({ items }: NavigationProps): React.ReactNode {\n  return (\n    <Flex direction=\"column\" gap=\"4\">\n      {items?.map((item) => {\n        const { key, title, icon, itemRender, onClick, children } = item;\n        return (\n          <Flex direction=\"column\" key={key} onClick={onClick}>\n            {itemRender ? (\n              itemRender(item)\n            ) : (\n              <Flex gap=\"3\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                <Flex key={el.key} pl=\"7\">\n                  <Typo variant=\"subtitle\">{el.title}</Typo>\n                </Flex>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;AA0Bc,SAEE,KAFF;AAVP,SAAS,WAAW,EAAE,MAAM,GAAqC;AACtE,SACE,oBAAC,QAAK,WAAU,UAAS,KAAI,KAC1B,yCAAO,IAAI,CAAC,SAAS;AACpB,UAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,WACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,mBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,KAAI,KAAI,IAAG,KAAI,IAAG,KACrB;AAAA;AAAA,QACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,SAClC;AAAA,MAED,qCAAU,IAAI,CAAC,OAAO;AACrB,eAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB,oBAAC,QAAkB,IAAG,KACpB,8BAAC,QAAK,SAAQ,YAAY,aAAG,OAAM,KAD1B,GAAG,GAEd;AAAA,MAEJ;AAAA,SAjB4B,GAkB9B;AAAA,EAEJ,IACF;AAEJ;","names":[]}

package/dist/chunk-RAJAKQXU.js

@@ -1,59 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.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(() => {
-    var _a2, _b;
-    const mouseOver = () => {
-      if (ref.current) {
-        const typo = ref.current;
-        if (typo.clientHeight < typo.scrollHeight) {
-          setTooltipDisplay("block");
-        }
-      }
-    };
-    const mouseOut = () => {
-      setTooltipDisplay("none");
-    };
-    (_a2 = ref.current) == null ? void 0 : _a2.addEventListener("mouseenter", mouseOver);
-    (_b = ref.current) == null ? void 0 : _b.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-RAJAKQXU.js.map

package/dist/chunk-RAJAKQXU.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(props: EllipsisTooltipProps): 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    const mouseOver = ():void=>{\n      if (ref.current) {\n        const typo = ref.current;\n        if (typo.clientHeight < typo.scrollHeight) {\n          setTooltipDisplay('block');\n        }\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}"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,WAAW,QAAQ,gBAAgB;AAsC7C;AA7BC,SAAS,gBAAgB,OAA8C;AAC5E,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAVvC,IAUsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAjBlB,QAAAA,KAAA;AAkBI,UAAM,YAAY,MAAS;AACzB,UAAI,IAAI,SAAS;AACf,cAAM,OAAO,IAAI;AACjB,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAEA,UAAM,WAAW,MAAS;AACxB,wBAAkB,MAAM;AAAA,IAC1B;AAED,KAAAA,MAAA,IAAI,YAAJ,gBAAAA,IAAa,iBAAiB,cAAa;AAC3C,cAAI,YAAJ,mBAAa,iBAAiB,cAAa;AAAA,EAE5C,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,SAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":["_a"]}

package/dist/chunk-RET725VL.js

@@ -1,36 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/button.tsx
-import {
-  Button as RadixButton
-} from "@radix-ui/themes";
-import { forwardRef, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-var Button = forwardRef(
-  (props, ref) => {
-    const _a = props, { size } = _a, restProps = __objRest(_a, ["size"]);
-    const radixSize = useMemo(() => {
-      switch (size) {
-        case "small":
-          return "2";
-        case "medium":
-          return "3";
-        case "large":
-          return "4";
-        default:
-          return "3";
-      }
-    }, [size]);
-    return /* @__PURE__ */ jsx(RadixButton, __spreadProps(__spreadValues({}, restProps), { ref, size: radixSize }));
-  }
-);
-Button.displayName = "Button";
-
-export {
-  Button
-};
-//# sourceMappingURL=chunk-RET725VL.js.map

package/dist/chunk-RET725VL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/button.tsx"],"sourcesContent":["import {\n  Button as RadixButton,\n  type ButtonProps as RadixButtonProps,\n} from '@radix-ui/themes';\nimport React, { forwardRef, useMemo } from 'react';\n\nexport type ButtonProps = Omit<RadixButtonProps, 'size'> & {\n  size: 'small' | 'medium' | 'large';\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      switch (size) {\n        case 'small':\n          return '2';\n        case 'medium':\n          return '3';\n        case 'large':\n          return '4';\n        default:\n          return '3';\n      }\n    }, [size]);\n\n    return <RadixButton {...restProps} ref={ref} size={radixSize} />;\n  }\n);\n\nButton.displayName = 'Button';\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,UAAU;AAAA,OAEL;AACP,SAAgB,YAAY,eAAe;AAuBhC;AAjBJ,IAAM,SAAS;AAAA,EACpB,CAAC,OAAO,QAAyB;AAC/B,UAA+B,YAAvB,OAZZ,IAYmC,IAAd,sBAAc,IAAd,CAAT;AAER,UAAM,YAAY,QAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,WAAO,oBAAC,8CAAgB,YAAhB,EAA2B,KAAU,MAAM,YAAW;AAAA,EAChE;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-RNB2T5NJ.js

@@ -1,48 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/ellipsis-tooltip.tsx
-import { forwardRef, useEffect, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var EllipsisTooltip = forwardRef((props, maybeRef) => {
-  const _a = props, { children, style, lineClamp = 2 } = _a, rest = __objRest(_a, ["children", "style", "lineClamp"]);
-  const ref = useRef(null);
-  const typoRef = maybeRef || ref;
-  const [tooltipDisplay, setTooltipDisplay] = useState(
-    "none"
-  );
-  useEffect(() => {
-  }, []);
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, style: { display: tooltipDisplay }, children: /* @__PURE__ */ jsx(
-    Typo,
-    __spreadProps(__spreadValues({}, rest), {
-      ref: typoRef,
-      style: __spreadValues({
-        width: "100%",
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        display: "-webkit-box",
-        WebkitLineClamp: lineClamp,
-        wordBreak: "break-word",
-        lineHeight: "1.5",
-        height: "calc(1.5 * 1em * 2)"
-      }, style),
-      children
-    })
-  ) });
-});
-EllipsisTooltip.displayName = "EllipsisTooltip";
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-RNB2T5NJ.js.map

package/dist/chunk-RNB2T5NJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n};\n\nexport const EllipsisTooltip = forwardRef<\n  HTMLSpanElement,\n  EllipsisTooltipProps\n>((props: EllipsisTooltipProps, maybeRef): React.ReactNode => {\n  const { children, style, lineClamp = 2, ...rest } = props;\n  const ref = useRef<HTMLSpanElement>(null);\n  const typoRef = maybeRef || ref;\n  const [tooltipDisplay, setTooltipDisplay] = useState<'none' | 'block'>(\n    'none'\n  );\n\n  useEffect(() => {\n    // if (maybeRef) {\n    //   const typo = typoRef;\n    //   if (typo.scrollWidth > typo.clientWidth) {\n    //     setTooltipDisplay('block');\n    //   } else {\n    //     setTooltipDisplay('none');\n    //   }\n    // }\n  }, []);\n\n  return (\n    <Tooltip content={children} style={{ display: tooltipDisplay }}>\n      <Typo\n        {...rest}\n        ref={typoRef}\n        style={{\n          width: '100%',\n          textOverflow: 'ellipsis',\n          overflow: 'hidden',\n          display:'-webkit-box',\n          WebkitLineClamp: lineClamp,\n          wordBreak: 'break-word',\n          lineHeight: '1.5',\n          height: 'calc(1.5 * 1em * 2)',\n          ...style,\n        }}\n      >\n        {children}\n      </Typo>\n    </Tooltip>\n  );\n});\n\nEllipsisTooltip.displayName = 'EllipsisTooltip';\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAgB,YAAY,WAAW,QAAQ,gBAAgB;AAgCzD;AAxBC,IAAM,kBAAkB,WAG7B,CAAC,OAA6B,aAA8B;AAC5D,QAAoD,YAA5C,YAAU,OAAO,YAAY,EAZvC,IAYsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AACxC,QAAM,UAAU,YAAY;AAC5B,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAAA,EAShB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,WAAQ,SAAS,UAAU,OAAO,EAAE,SAAS,eAAe,GAC3D;AAAA,IAAC;AAAA,qCACK,OADL;AAAA,MAEC,KAAK;AAAA,MACL,OAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,SAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,QAAQ;AAAA,SACL;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}

package/dist/chunk-RYUIQBUD.js

@@ -1,59 +0,0 @@
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-RET725VL.js";
-
-// src/molecules/navigation.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Navigation({
-  items,
-  fontColor,
-  backgroundColor
-}) {
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      direction: "column",
-      gap: "4",
-      style: {
-        color: fontColor || "var(--white-a12)",
-        backgroundColor: backgroundColor || "var(--black-a12)"
-      },
-      children: items == null ? void 0 : items.map((item) => {
-        const { key, title, icon, itemRender, onClick, children } = item;
-        return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
-          itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
-            icon,
-            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
-          ] }),
-          children == null ? void 0 : children.map((el) => {
-            return el.itemRender ? el.itemRender(el) : (
-              // <Flex
-              //   align="center"
-              //   height="32px"
-              //   key={el.key}
-              //   ml="6"
-              //   onClick={onClick}
-              //   pl="2"
-              //   pr="2"
-              // >
-              //   <Typo variant="subtitle">{el.title}</Typo>
-              // </Flex>
-              /* @__PURE__ */ jsx(Button, { size: "large", children: el.title })
-            );
-          })
-        ] }, key);
-      })
-    }
-  );
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-RYUIQBUD.js.map

package/dist/chunk-RYUIQBUD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n  itemRender?: (item: Item) => React.ReactNode;\n  key: string;\n  onClick?: () => void;\n  title: string;\n  icon?: React.ReactNode;\n  children?: Item[];\n}\n\nexport interface NavigationProps {\n  items?: Item[];\n  fontColor?: string;\n  backgroundColor?: string;\n}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\n      style={{\n        color: fontColor || 'var(--white-a12)',\n        backgroundColor: backgroundColor || 'var(--black-a12)',\n      }}\n    >\n      {items?.map((item) => {\n        const { key, title, icon, itemRender, onClick, children } = item;\n        return (\n          <Flex direction=\"column\" key={key} onClick={onClick}>\n            {itemRender ? (\n              itemRender(item)\n            ) : (\n              <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                // <Flex\n                //   align=\"center\"\n                //   height=\"32px\"\n                //   key={el.key}\n                //   ml=\"6\"\n                //   onClick={onClick}\n                //   pl=\"2\"\n                //   pr=\"2\"\n                // >\n                //   <Typo variant=\"subtitle\">{el.title}</Typo>\n                // </Flex>\n                <Button size={'large'}>{el.title}</Button>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuCc,SAEE,KAFF;AArBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAahB,oBAAC,UAAO,MAAM,SAAU,aAAG,OAAM;AAAA;AAAA,UAErC;AAAA,aA1B4B,GA2B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-SDAJ6NLJ.js

@@ -1,24 +0,0 @@
-// src/charts/vertical-bar-chart.tsx
-import { jsx } from "react/jsx-runtime";
-function VerticalBarChart(props) {
-  const { total, value, backgroundColor, barColor, height } = props;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "tipp_vertical-bar-chart bar-wrapper",
-      style: { height, backgroundColor },
-      children: /* @__PURE__ */ jsx("div", { style: { width: `${value / total}%`, height }, children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "tipp_vertical-bar-chart bar",
-          style: { backgroundColor: barColor }
-        }
-      ) })
-    }
-  );
-}
-
-export {
-  VerticalBarChart
-};
-//# sourceMappingURL=chunk-SDAJ6NLJ.js.map

package/dist/chunk-SDAJ6NLJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/charts/vertical-bar-chart.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface VerticalBarChartProps {\n  /** 100% 바가 뜻하는 전체 값 */\n  total: number;\n  /** 화면에 채워져보이는 값 */\n  value: number;\n  /** 배경 색상 */\n  backgroundColor?: string;\n  /** 바의 색상 */\n  barColor?: string;\n  /** 바의 높이 */\n  height?: number;\n}\n\nexport function VerticalBarChart(\n  props: VerticalBarChartProps\n): React.ReactNode {\n  const { total, value, backgroundColor, barColor, height } = props;\n  return (\n    <div\n      className=\"tipp_vertical-bar-chart bar-wrapper\"\n      style={{ height, backgroundColor }}\n    >\n      <div style={{ width: `${value / total}%`, height }}>\n        <div\n          className=\"tipp_vertical-bar-chart bar\"\n          style={{ backgroundColor: barColor }}\n        />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAyBQ;AAVD,SAAS,iBACd,OACiB;AACjB,QAAM,EAAE,OAAO,OAAO,iBAAiB,UAAU,OAAO,IAAI;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,gBAAgB;AAAA,MAEjC,8BAAC,SAAI,OAAO,EAAE,OAAO,GAAG,QAAQ,KAAK,KAAK,OAAO,GAC/C;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,iBAAiB,SAAS;AAAA;AAAA,MACrC,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-SKDEOPP2.js

@@ -1,54 +0,0 @@
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-
-// src/molecules/navigation.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Navigation({
-  items,
-  fontColor,
-  backgroundColor
-}) {
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      direction: "column",
-      gap: "4",
-      style: {
-        color: fontColor || "var(--white-a12)",
-        backgroundColor: backgroundColor || "var(--black-a12)"
-      },
-      children: items == null ? void 0 : items.map((item) => {
-        const { key, title, icon, itemRender, onClick, children } = item;
-        return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
-          itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", pl: "4", pr: "4", children: [
-            icon,
-            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
-          ] }),
-          children == null ? void 0 : children.map((el) => {
-            return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(
-              Flex,
-              {
-                align: "center",
-                ml: "7",
-                onClick,
-                pl: "2",
-                pr: "2",
-                children: /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: el.title })
-              },
-              el.key
-            );
-          })
-        ] }, key);
-      })
-    }
-  );
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-SKDEOPP2.js.map

package/dist/chunk-SKDEOPP2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex, Typo } from '../atoms';\n\ninterface Item {\n  itemRender?: (item: Item) => React.ReactNode;\n  key: string;\n  onClick?: () => void;\n  title: string;\n  icon?: React.ReactNode;\n  children?: Item[];\n}\n\nexport interface NavigationProps {\n  items?: Item[];\n  fontColor?: string;\n  backgroundColor?: string;\n}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\n      style={{\n        color: fontColor || 'var(--white-a12)',\n        backgroundColor: backgroundColor || 'var(--black-a12)',\n      }}\n    >\n      {items?.map((item) => {\n        const { key, title, icon, itemRender, onClick, children } = item;\n        return (\n          <Flex direction=\"column\" key={key} onClick={onClick}>\n            {itemRender ? (\n              itemRender(item)\n            ) : (\n              <Flex align=\"center\" gap=\"3\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                <Flex\n                  align=\"center\"\n                  key={el.key}\n                  ml=\"7\"\n                  onClick={onClick}\n                  pl=\"2\"\n                  pr=\"2\"\n                >\n                  <Typo variant=\"subtitle\">{el.title}</Typo>\n                </Flex>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;AAuCc,SAEE,KAFF;AArBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,IAAG,KAAI,IAAG,KACpC;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,OAAO;AACrB,mBAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBAEN,IAAG;AAAA,gBACH;AAAA,gBACA,IAAG;AAAA,gBACH,IAAG;AAAA,gBAEH,8BAAC,QAAK,SAAQ,YAAY,aAAG,OAAM;AAAA;AAAA,cAN9B,GAAG;AAAA,YAOV;AAAA,UAEJ;AAAA,aAxB4B,GAyB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-SONXRHVK.js

@@ -1,58 +0,0 @@
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Button
-} from "./chunk-AQX7DQLI.js";
-
-// src/molecules/navigation.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function Navigation({
-  items,
-  fontColor,
-  backgroundColor,
-  activeKey
-}) {
-  return /* @__PURE__ */ jsx(
-    Flex,
-    {
-      direction: "column",
-      gap: "4",
-      style: {
-        color: fontColor || "var(--white-a12)",
-        backgroundColor: backgroundColor || "var(--black-a12)"
-      },
-      children: items == null ? void 0 : items.map((item) => {
-        const { key, title, icon, itemRender, onClick, children } = item;
-        return /* @__PURE__ */ jsxs(Flex, { direction: "column", onClick, children: [
-          itemRender ? itemRender(item) : /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "3", height: "36px", pl: "4", pr: "4", children: [
-            icon,
-            /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: title })
-          ] }),
-          children == null ? void 0 : children.map((menu) => {
-            return menu.itemRender ? menu.itemRender(menu) : /* @__PURE__ */ jsx(
-              Button,
-              {
-                className: `tipp-navigation-button ${activeKey === menu.key ? "active" : ""}`,
-                ml: "6",
-                onClick,
-                size: "large",
-                style: { color: "var(--white-a12)" },
-                children: menu.title
-              },
-              menu.key
-            );
-          })
-        ] }, key);
-      })
-    }
-  );
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-SONXRHVK.js.map

package/dist/chunk-SONXRHVK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Flex, Typo } from '../atoms';\n\ninterface Item {\n  itemRender?: (item: Item) => React.ReactNode;\n  key: string;\n  onClick?: () => void;\n  title: string;\n  icon?: React.ReactNode;\n  children?: Item[];\n}\n\nexport interface NavigationProps {\n  items?: Item[];\n  fontColor?: string;\n  backgroundColor?: string;\n  activeKey?: string;\n}\n\nexport function Navigation({\n  items,\n  fontColor,\n  backgroundColor,\n  activeKey,\n}: NavigationProps): React.ReactNode {\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"4\"\n      style={{\n        color: fontColor || 'var(--white-a12)',\n        backgroundColor: backgroundColor || 'var(--black-a12)',\n      }}\n    >\n      {items?.map((item) => {\n        const { key, title, icon, itemRender, onClick, children } = item;\n        return (\n          <Flex direction=\"column\" key={key} onClick={onClick}>\n            {itemRender ? (\n              itemRender(item)\n            ) : (\n              <Flex align=\"center\" gap=\"3\" height=\"36px\" pl=\"4\" pr=\"4\">\n                {icon}\n                <Typo variant=\"subtitle\">{title}</Typo>\n              </Flex>\n            )}\n            {children?.map((menu) => {\n              return menu.itemRender ? (\n                menu.itemRender(menu)\n              ) : (\n                <Button\n                  className={`tipp-navigation-button ${activeKey === menu.key ? 'active' : ''}`}\n                  key={menu.key}\n                  ml=\"6\"\n                  onClick={onClick}\n                  size=\"large\"\n                  style={{ color: 'var(--white-a12)' }}\n                >\n                  {menu.title}\n                </Button>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAyCc,SAEE,KAFF;AAtBP,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAqC;AACnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,OAAO;AAAA,QACL,OAAO,aAAa;AAAA,QACpB,iBAAiB,mBAAmB;AAAA,MACtC;AAAA,MAEC,yCAAO,IAAI,CAAC,SAAS;AACpB,cAAM,EAAE,KAAK,OAAO,MAAM,YAAY,SAAS,SAAS,IAAI;AAC5D,eACE,qBAAC,QAAK,WAAU,UAAmB,SAChC;AAAA,uBACC,WAAW,IAAI,IAEf,qBAAC,QAAK,OAAM,UAAS,KAAI,KAAI,QAAO,QAAO,IAAG,KAAI,IAAG,KAClD;AAAA;AAAA,YACD,oBAAC,QAAK,SAAQ,YAAY,iBAAM;AAAA,aAClC;AAAA,UAED,qCAAU,IAAI,CAAC,SAAS;AACvB,mBAAO,KAAK,aACV,KAAK,WAAW,IAAI,IAEpB;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,0BAA0B,cAAc,KAAK,MAAM,WAAW,EAAE;AAAA,gBAE3E,IAAG;AAAA,gBACH;AAAA,gBACA,MAAK;AAAA,gBACL,OAAO,EAAE,OAAO,mBAAmB;AAAA,gBAElC,eAAK;AAAA;AAAA,cAND,KAAK;AAAA,YAOZ;AAAA,UAEJ;AAAA,aAxB4B,GAyB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-SQ5HD7LD.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-SQ5HD7LD.js.map

package/dist/chunk-SQ5HD7LD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-TBXRPM4O.js

@@ -1,59 +0,0 @@
-import {
-  Tooltip
-} from "./chunk-ACVANQJ4.js";
-import {
-  Typo
-} from "./chunk-O3XTRD7R.js";
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.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(() => {
-    var _a2;
-    const mouseOver = () => {
-      if (ref.current) {
-        const typo = ref.current;
-        if (typo.scrollWidth > typo.clientWidth) {
-          setTooltipDisplay("block");
-        }
-      }
-    };
-    const mouseOut = () => {
-      setTooltipDisplay("none");
-    };
-    (_a2 = ref.current) == null ? void 0 : _a2.addEventListener("mouseenter", () => {
-    });
-  }, [ref]);
-  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-TBXRPM4O.js.map

package/dist/chunk-TBXRPM4O.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/ellipsis-tooltip.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef, useState } from 'react';\nimport { Tooltip } from './tooltip';\nimport { Typo, type TypoProps } from './typo';\n\nexport type EllipsisTooltipProps = TypoProps & {\n  lineClamp?: number;\n};\n\nexport function EllipsisTooltip(props: EllipsisTooltipProps): 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    const mouseOver = ()=>{\n      if (ref.current) {\n        const typo = ref.current;\n        if (typo.scrollWidth > typo.clientWidth) {\n          setTooltipDisplay('block');\n        }  \n      }\n    }\n\n    const mouseOut = ()=>{\n      setTooltipDisplay('none');\n    }\n\n   ref.current?.addEventListener(('mouseenter'),()=>{});\n  }, [ref]);\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} "],"mappings":";;;;;;;;;;;;;AAAA,SAA4B,WAAW,QAAQ,gBAAgB;AAmCzD;AA3BC,SAAS,gBAAgB,OAA8C;AAC5E,QAAoD,YAA5C,YAAU,OAAO,YAAY,EATvC,IASsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AAExC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAhBlB,QAAAA;AAiBI,UAAM,YAAY,MAAI;AACpB,UAAI,IAAI,SAAS;AACf,cAAM,OAAO,IAAI;AACjB,YAAI,KAAK,cAAc,KAAK,aAAa;AACvC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAEA,UAAM,WAAW,MAAI;AACnB,wBAAkB,MAAM;AAAA,IAC1B;AAED,KAAAA,MAAA,IAAI,YAAJ,gBAAAA,IAAa,iBAAkB,cAAc,MAAI;AAAA,IAAC;AAAA,EACnD,GAAG,CAAC,GAAG,CAAC;AAER,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,SAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,WAAW;AAAA,SACR;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ;","names":["_a"]}

package/dist/chunk-TG7PURWS.js

@@ -1,18 +0,0 @@
-// src/charts/horizontal-bar-chart.tsx
-import { jsx } from "react/jsx-runtime";
-function HorizontalBarChart(props) {
-  const { total, value, backgroundColor, barColor, height } = props;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "tipp_horizontal-bar-chart bar-wrapper",
-      style: { height, backgroundColor },
-      children: /* @__PURE__ */ jsx("div", { style: { width: `${Math.round(value / total * 100)}%`, height }, children: /* @__PURE__ */ jsx("div", { className: "bar", style: { backgroundColor: barColor } }) })
-    }
-  );
-}
-
-export {
-  HorizontalBarChart
-};
-//# sourceMappingURL=chunk-TG7PURWS.js.map

package/dist/chunk-TG7PURWS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/charts/horizontal-bar-chart.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface HorizontalBarChartProps {\n  /** 100% 바가 뜻하는 전체 값 */\n  total: number;\n  /** 화면에 채워져보이는 값 */\n  value: number;\n  /** 배경 색상 */\n  backgroundColor?: string;\n  /** 바의 색상 */\n  barColor?: string;\n  /** 바의 높이 */\n  height?: number;\n}\n\nexport function HorizontalBarChart(\n  props: HorizontalBarChartProps\n): React.ReactNode {\n  const { total, value, backgroundColor, barColor, height } = props;\n  return (\n    <div\n      className=\"tipp_horizontal-bar-chart bar-wrapper\"\n      style={{ height, backgroundColor }}\n    >\n      <div style={{ width: `${Math.round((value / total) * 100)}%`, height }}>\n        <div className=\"bar\" style={{ backgroundColor: barColor }} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAyBQ;AAVD,SAAS,mBACd,OACiB;AACjB,QAAM,EAAE,OAAO,OAAO,iBAAiB,UAAU,OAAO,IAAI;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAO,EAAE,QAAQ,gBAAgB;AAAA,MAEjC,8BAAC,SAAI,OAAO,EAAE,OAAO,GAAG,KAAK,MAAO,QAAQ,QAAS,GAAG,CAAC,KAAK,OAAO,GACnE,8BAAC,SAAI,WAAU,OAAM,OAAO,EAAE,iBAAiB,SAAS,GAAG,GAC7D;AAAA;AAAA,EACF;AAEJ;","names":[]}