@tipp/ui 1.0.10 → 1.0.12

package/dist/chunk-6SGXBZAF.js

@@ -1,62 +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(() => {
-    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);
-      return () => {
-        ref.current.removeEventListener("mouseenter", mouseOver);
-        ref.current.removeEventListener("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-6SGXBZAF.js.map

package/dist/chunk-6SGXBZAF.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    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      return ()=>{\n        ref.current.removeEventListener('mouseenter',mouseOver);\n        ref.current.removeEventListener('mouseleave',mouseOut);\n      }\n    }\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;AA2C7C;AAlCC,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;AACd,QAAI,IAAI,SAAS;AACjB,YAAM,OAAO,IAAI;AACjB,YAAM,YAAY,MAAS;AACvB,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAEA,YAAM,WAAW,MAAS;AACxB,0BAAkB,MAAM;AAAA,MAC1B;AAEA,UAAI,QAAQ,iBAAiB,cAAa,SAAS;AACnD,UAAI,QAAQ,iBAAiB,cAAa,QAAQ;AAElD,aAAO,MAAI;AACT,YAAI,QAAQ,oBAAoB,cAAa,SAAS;AACtD,YAAI,QAAQ,oBAAoB,cAAa,QAAQ;AAAA,MACvD;AAAA,IACF;AAAA,EAEF,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":[]}

package/dist/chunk-6XHVFBFO.js

@@ -1,38 +0,0 @@
-import {
-  __objRest,
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/atoms/typo.tsx
-import { Text as RadixText } from "@radix-ui/themes";
-import { useMemo, forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var Typo = forwardRef(
-  (props, ref) => {
-    const _a = props, { size, variant, children } = _a, rest = __objRest(_a, ["size", "variant", "children"]);
-    const radixSize = useMemo(() => {
-      if (size)
-        return size;
-      switch (variant) {
-        case "caption":
-          return "1";
-        case "subtitle 2":
-          return "3";
-        case "subtitle 1":
-          return "4";
-        case "body":
-          return "2";
-        default:
-          return "2";
-      }
-    }, [size, variant]);
-    return /* @__PURE__ */ jsx(RadixText, __spreadProps(__spreadValues({}, rest), { ref, size: radixSize, children }));
-  }
-);
-Typo.displayName = "Typo";
-
-export {
-  Typo
-};
-//# sourceMappingURL=chunk-6XHVFBFO.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/atoms/typo.tsx"],"sourcesContent":["import type { TextProps as RadixTextProps } from '@radix-ui/themes';\nimport { Text as RadixText } from '@radix-ui/themes';\nimport React, { useMemo, forwardRef } from 'react';\n\nexport type TypoProps = RadixTextProps & {\n  variant?: 'body' | 'caption' | 'subtitle 2' | 'subtitle 1';\n};\n\nexport const Typo = forwardRef<HTMLSpanElement, TypoProps>(\n  (props: TypoProps, ref): React.ReactNode => {\n    const { size, variant, children, ...rest } = props;\n\n    const radixSize = useMemo<RadixTextProps['size']>(() => {\n      if (size) return size;\n      switch (variant) {\n        case 'caption':\n          return '1';\n        case 'subtitle 2':\n          return '3';\n        case 'subtitle 1':\n          return '4';\n        case 'body':\n          return '2';\n        default:\n          return '2';\n      }\n    }, [size, variant]);\n\n    return (\n      <RadixText {...rest} ref={ref} size={radixSize}>\n        {children}\n      </RadixText>\n    );\n  }\n);\n\nTypo.displayName = 'Typo';\n"],"mappings":";;;;;;;AACA,SAAS,QAAQ,iBAAiB;AAClC,SAAgB,SAAS,kBAAkB;AA2BrC;AArBC,IAAM,OAAO;AAAA,EAClB,CAAC,OAAkB,QAAyB;AAC1C,UAA6C,YAArC,QAAM,SAAS,SAV3B,IAUiD,IAAT,iBAAS,IAAT,CAA5B,QAAM,WAAS;AAEvB,UAAM,YAAY,QAAgC,MAAM;AACtD,UAAI;AAAM,eAAO;AACjB,cAAQ,SAAS;AAAA,QACf,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,WACE,oBAAC,4CAAc,OAAd,EAAoB,KAAU,MAAM,WAClC,WACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}

package/dist/chunk-6ZEM4FBF.js

@@ -1,64 +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;
-    if (ref.current) {
-      const typo = ref.current;
-      const mouseOver = () => {
-        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);
-      return () => {
-        var _a3, _b2;
-        (_a3 = ref.current) == null ? void 0 : _a3.removeEventListener("mouseenter", mouseOver);
-        (_b2 = ref.current) == null ? void 0 : _b2.removeEventListener("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-6ZEM4FBF.js.map

package/dist/chunk-6ZEM4FBF.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    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      return ()=>{\n        ref.current?.removeEventListener('mouseenter',mouseOver);\n        ref.current?.removeEventListener('mouseleave',mouseOut);\n      }\n    }\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;AA2C7C;AAlCC,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,QAAI,IAAI,SAAS;AACjB,YAAM,OAAO,IAAI;AACjB,YAAM,YAAY,MAAS;AACvB,YAAI,KAAK,eAAe,KAAK,cAAc;AACzC,4BAAkB,OAAO;AAAA,QAC3B;AAAA,MACF;AAEA,YAAM,WAAW,MAAS;AACxB,0BAAkB,MAAM;AAAA,MAC1B;AAEA,OAAAA,MAAA,IAAI,YAAJ,gBAAAA,IAAa,iBAAiB,cAAa;AAC3C,gBAAI,YAAJ,mBAAa,iBAAiB,cAAa;AAE3C,aAAO,MAAI;AAjCjB,YAAAA,KAAAC;AAkCQ,SAAAD,MAAA,IAAI,YAAJ,gBAAAA,IAAa,oBAAoB,cAAa;AAC9C,SAAAC,MAAA,IAAI,YAAJ,gBAAAA,IAAa,oBAAoB,cAAa;AAAA,MAChD;AAAA,IACF;AAAA,EAEF,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","_b"]}

package/dist/chunk-754LMJ5L.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: [
-        children,
-        "\uC544\uC544\uC544\uC559 \uC65C\uC774\uB7EC\uC2DC\uB294\uAC70\uC5D0\uC694 \u3160"
-      ]
-    })
-  ) });
-});
-EllipsisTooltip.displayName = "EllipsisTooltip";
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-754LMJ5L.js.map

package/dist/chunk-754LMJ5L.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        {children}\n        아아아앙 왜이러시는거에요\n        ㅠ\n        \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,MAGJ;AAAA;AAAA,QAAS;AAAA;AAAA;AAAA,EAIZ,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}

package/dist/chunk-7QVMAHXH.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: `${Math.round(value / total * 100)}%`, height }, children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "tipp_vertical-bar-chart bar",
-          style: { backgroundColor: barColor }
-        }
-      ) })
-    }
-  );
-}
-
-export {
-  VerticalBarChart
-};
-//# sourceMappingURL=chunk-7QVMAHXH.js.map

package/dist/chunk-7QVMAHXH.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: `${Math.round((value / total) * 100)}%`, 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,KAAK,MAAO,QAAQ,QAAS,GAAG,CAAC,KAAK,OAAO,GACnE;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,iBAAiB,SAAS;AAAA;AAAA,MACrC,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-7VCJMEPY.js

@@ -1,60 +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;
-        console.log(typo.scrollWidth, typo.clientWidth);
-        if (typo.innerText > children) {
-          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-7VCJMEPY.js.map

package/dist/chunk-7VCJMEPY.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        console.log(typo.scrollWidth, typo.clientWidth);\n        if (typo.innerText > children) {\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,SAAiB,WAAW,QAAQ,gBAAgB;AAsC9C;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,gBAAQ,IAAI,KAAK,aAAa,KAAK,WAAW;AAC9C,YAAI,KAAK,YAAY,UAAU;AAC7B,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-AD4LGJER.js

@@ -1,60 +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 && children) {
-        const typo = ref.current;
-        console.log(typo.innerText);
-        if (typo.innerText !== children) {
-          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-AD4LGJER.js.map

package/dist/chunk-AD4LGJER.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 && children) {\n        const typo = ref.current;\n        console.log(typo.innerText)\n        if (typo.innerText !== children ) {\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  }, [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,WAAW,UAAU;AAC3B,cAAM,OAAO,IAAI;AACjB,gBAAQ,IAAI,KAAK,SAAS;AAC1B,YAAI,KAAK,cAAc,UAAW;AAChC,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,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-ALP5524J.js

@@ -1,55 +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,
-  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) : /* @__PURE__ */ jsx(
-              Flex,
-              {
-                align: "center",
-                height: "32px",
-                ml: "6",
-                onClick,
-                pl: "2",
-                pr: "2",
-                children: /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: el.title })
-              },
-              el.key
-            );
-          })
-        ] }, key);
-      })
-    }
-  );
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-ALP5524J.js.map

package/dist/chunk-ALP5524J.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\" 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              );\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,IAEhB;AAAA,cAAC;AAAA;AAAA,gBACC,OAAM;AAAA,gBACN,QAAO;AAAA,gBAEP,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,aAzB4B,GA0B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-AS6NXGBN.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 && children) {
-        const typo = ref.current;
-        if (typo.innerText !== children) {
-          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-AS6NXGBN.js.map

package/dist/chunk-AS6NXGBN.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 && children) {\n        const typo = ref.current;\n        if (typo.innerText !== children ) {\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  }, [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;AAqC7C;AA5BC,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,WAAW,UAAU;AAC3B,cAAM,OAAO,IAAI;AACjB,YAAI,KAAK,cAAc,UAAW;AAChC,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,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"]}