@tipp/ui 1.0.10 → 1.0.12

package/dist/chunk-AVOCFCEQ.js

@@ -1,181 +0,0 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/charts/chart.tsx
-import { useMemo } from "react";
-import { useResizeDetector } from "react-resize-detector";
-import ReactECharts from "echarts-for-react";
-import { merge } from "lodash-es";
-
-// src/charts/chart-theme.json
-var chart_theme_default = {
-  version: 1,
-  themeName: "customed",
-  theme: {
-    seriesCnt: "5",
-    backgroundColor: "rgba(0,0,0,0)",
-    titleColor: "#1c2024",
-    subtitleColor: "#8d8d8d",
-    textColorShow: false,
-    textColor: "#333",
-    markTextColor: "#ffffff",
-    color: [
-      "#ffe629",
-      "#3e63dd",
-      "#ec9455",
-      "#5bb98b",
-      "#cb1d63",
-      "#3ba272",
-      "#fc8452",
-      "#9a60b4",
-      "#ea7ccc"
-    ],
-    borderColor: "#8d8d8d",
-    borderWidth: 0,
-    visualMapColor: ["#bf444c", "#d88273", "#f6efa6"],
-    legendTextColor: "#1c2024",
-    kColor: "#eb5454",
-    kColor0: "#47b262",
-    kBorderColor: "#eb5454",
-    kBorderColor0: "#47b262",
-    kBorderWidth: 1,
-    lineWidth: 2,
-    symbolSize: 4,
-    symbol: "emptyCircle",
-    symbolBorderWidth: 1,
-    lineSmooth: false,
-    graphLineWidth: 1,
-    graphLineColor: "#aaa",
-    mapLabelColor: "#000",
-    mapLabelColorE: "rgb(100,0,0)",
-    mapBorderColor: "#444",
-    mapBorderColorE: "#444",
-    mapBorderWidth: 0.5,
-    mapBorderWidthE: 1,
-    mapAreaColor: "#eee",
-    mapAreaColorE: "rgba(255,215,0,0.8)",
-    axes: [
-      {
-        type: "all",
-        name: "\u901A\u7528\u5750\u6807\u8F74",
-        axisLineShow: true,
-        axisLineColor: "#6E7079",
-        axisTickShow: true,
-        axisTickColor: "#6E7079",
-        axisLabelShow: true,
-        axisLabelColor: "#6E7079",
-        splitLineShow: true,
-        splitLineColor: ["#E0E6F1"],
-        splitAreaShow: false,
-        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
-      },
-      {
-        type: "category",
-        name: "\u7C7B\u76EE\u5750\u6807\u8F74",
-        axisLineShow: true,
-        axisLineColor: "#6E7079",
-        axisTickShow: true,
-        axisTickColor: "#6E7079",
-        axisLabelShow: true,
-        axisLabelColor: "#6E7079",
-        splitLineShow: false,
-        splitLineColor: ["#E0E6F1"],
-        splitAreaShow: false,
-        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
-      },
-      {
-        type: "value",
-        name: "\u6570\u503C\u5750\u6807\u8F74",
-        axisLineShow: false,
-        axisLineColor: "#6E7079",
-        axisTickShow: false,
-        axisTickColor: "#6E7079",
-        axisLabelShow: true,
-        axisLabelColor: "#6E7079",
-        splitLineShow: true,
-        splitLineColor: ["#E0E6F1"],
-        splitAreaShow: false,
-        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
-      },
-      {
-        type: "log",
-        name: "\u5BF9\u6570\u5750\u6807\u8F74",
-        axisLineShow: false,
-        axisLineColor: "#6E7079",
-        axisTickShow: false,
-        axisTickColor: "#6E7079",
-        axisLabelShow: true,
-        axisLabelColor: "#6E7079",
-        splitLineShow: true,
-        splitLineColor: ["#E0E6F1"],
-        splitAreaShow: false,
-        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
-      },
-      {
-        type: "time",
-        name: "\u65F6\u95F4\u5750\u6807\u8F74",
-        axisLineShow: true,
-        axisLineColor: "#6E7079",
-        axisTickShow: true,
-        axisTickColor: "#6E7079",
-        axisLabelShow: true,
-        axisLabelColor: "#6E7079",
-        splitLineShow: false,
-        splitLineColor: ["#E0E6F1"],
-        splitAreaShow: false,
-        splitAreaColor: ["rgba(250,250,250,0.2)", "rgba(210,219,238,0.2)"]
-      }
-    ],
-    axisSeperateSetting: true,
-    toolboxColor: "#8d8d8d",
-    toolboxEmphasisColor: "#1c2024",
-    tooltipAxisColor: "#cccccc",
-    tooltipAxisWidth: 1,
-    timelineLineColor: "#dae1f5",
-    timelineLineWidth: 2,
-    timelineItemColor: "#a4b1d7",
-    timelineItemColorE: "#ffffff",
-    timelineCheckColor: "#316bf3",
-    timelineCheckBorderColor: "#ffffff",
-    timelineItemBorderWidth: 1,
-    timelineControlColor: "#a4b1d7",
-    timelineControlBorderColor: "#a4b1d7",
-    timelineControlBorderWidth: 1,
-    timelineLabelColor: "#a4b1d7"
-  }
-};
-
-// src/charts/chart.tsx
-import { jsx } from "react/jsx-runtime";
-function Chart(props) {
-  const { width, height, ref } = useResizeDetector({
-    handleHeight: false,
-    refreshMode: "debounce",
-    refreshRate: 100
-  });
-  const option = useMemo(() => {
-    const baseOption = {
-      textStyle: { fontFamily: "Noto Sans KR" },
-      tooltip: { textStyle: { fontSize: 16 } }
-    };
-    return merge(baseOption, props.option);
-  }, [props.option]);
-  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(
-    ReactECharts,
-    __spreadProps(__spreadValues({
-      renderer: "svg",
-      style: { width, height },
-      theme: chart_theme_default
-    }, props), {
-      option
-    })
-  ) });
-}
-
-export {
-  chart_theme_default,
-  Chart
-};
-//# sourceMappingURL=chunk-AVOCFCEQ.js.map

package/dist/chunk-AVOCFCEQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/charts/chart.tsx","../src/charts/chart-theme.json"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\nimport type { EChartOption } from 'echarts';\nimport { merge } from 'lodash-es';\nimport chartTheme from './chart-theme.json';\n\nexport { chartTheme };\n\nexport type ChartProps = Omit<\n  React.ComponentProps<typeof ReactECharts>,\n  'option'\n> & {\n  option: EChartOption;\n};\n\nexport function Chart(props: ChartProps): JSX.Element {\n  const { width, height, ref } = useResizeDetector({\n    handleHeight: false,\n    refreshMode: 'debounce',\n    refreshRate: 100,\n  });\n\n  const option = useMemo(() => {\n    const baseOption: EChartOption = {\n      textStyle: { fontFamily: 'Noto Sans KR' },\n      tooltip: { textStyle: { fontSize: 16 } },\n    };\n    return merge(baseOption, props.option);\n  }, [props.option]);\n\n  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <ReactECharts\n        renderer=\"svg\"\n        style={{ width, height }}\n        theme={chartTheme}\n        {...props}\n        option={option}\n      />\n    </div>\n  );\n}\n","{\n  \"version\": 1,\n  \"themeName\": \"customed\",\n  \"theme\": {\n    \"seriesCnt\": \"5\",\n    \"backgroundColor\": \"rgba(0,0,0,0)\",\n    \"titleColor\": \"#1c2024\",\n    \"subtitleColor\": \"#8d8d8d\",\n    \"textColorShow\": false,\n    \"textColor\": \"#333\",\n    \"markTextColor\": \"#ffffff\",\n    \"color\": [\n      \"#ffe629\",\n      \"#3e63dd\",\n      \"#ec9455\",\n      \"#5bb98b\",\n      \"#cb1d63\",\n      \"#3ba272\",\n      \"#fc8452\",\n      \"#9a60b4\",\n      \"#ea7ccc\"\n    ],\n    \"borderColor\": \"#8d8d8d\",\n    \"borderWidth\": 0,\n    \"visualMapColor\": [\"#bf444c\", \"#d88273\", \"#f6efa6\"],\n    \"legendTextColor\": \"#1c2024\",\n    \"kColor\": \"#eb5454\",\n    \"kColor0\": \"#47b262\",\n    \"kBorderColor\": \"#eb5454\",\n    \"kBorderColor0\": \"#47b262\",\n    \"kBorderWidth\": 1,\n    \"lineWidth\": 2,\n    \"symbolSize\": 4,\n    \"symbol\": \"emptyCircle\",\n    \"symbolBorderWidth\": 1,\n    \"lineSmooth\": false,\n    \"graphLineWidth\": 1,\n    \"graphLineColor\": \"#aaa\",\n    \"mapLabelColor\": \"#000\",\n    \"mapLabelColorE\": \"rgb(100,0,0)\",\n    \"mapBorderColor\": \"#444\",\n    \"mapBorderColorE\": \"#444\",\n    \"mapBorderWidth\": 0.5,\n    \"mapBorderWidthE\": 1,\n    \"mapAreaColor\": \"#eee\",\n    \"mapAreaColorE\": \"rgba(255,215,0,0.8)\",\n    \"axes\": [\n      {\n        \"type\": \"all\",\n        \"name\": \"通用坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"category\",\n        \"name\": \"类目坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"value\",\n        \"name\": \"数值坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"log\",\n        \"name\": \"对数坐标轴\",\n        \"axisLineShow\": false,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": false,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": true,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      },\n      {\n        \"type\": \"time\",\n        \"name\": \"时间坐标轴\",\n        \"axisLineShow\": true,\n        \"axisLineColor\": \"#6E7079\",\n        \"axisTickShow\": true,\n        \"axisTickColor\": \"#6E7079\",\n        \"axisLabelShow\": true,\n        \"axisLabelColor\": \"#6E7079\",\n        \"splitLineShow\": false,\n        \"splitLineColor\": [\"#E0E6F1\"],\n        \"splitAreaShow\": false,\n        \"splitAreaColor\": [\"rgba(250,250,250,0.2)\", \"rgba(210,219,238,0.2)\"]\n      }\n    ],\n    \"axisSeperateSetting\": true,\n    \"toolboxColor\": \"#8d8d8d\",\n    \"toolboxEmphasisColor\": \"#1c2024\",\n    \"tooltipAxisColor\": \"#cccccc\",\n    \"tooltipAxisWidth\": 1,\n    \"timelineLineColor\": \"#dae1f5\",\n    \"timelineLineWidth\": 2,\n    \"timelineItemColor\": \"#a4b1d7\",\n    \"timelineItemColorE\": \"#ffffff\",\n    \"timelineCheckColor\": \"#316bf3\",\n    \"timelineCheckBorderColor\": \"#ffffff\",\n    \"timelineItemBorderWidth\": 1,\n    \"timelineControlColor\": \"#a4b1d7\",\n    \"timelineControlBorderColor\": \"#a4b1d7\",\n    \"timelineControlBorderWidth\": 1,\n    \"timelineLabelColor\": \"#a4b1d7\"\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-AXM27M2R.js

@@ -1,43 +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", 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", onClick, pl: "7", children: /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: el.title }) }, el.key);
-          })
-        ] }, key);
-      })
-    }
-  );
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-AXM27M2R.js.map

package/dist/chunk-AXM27M2R.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 align=\"center\" key={el.key} onClick={onClick} pl=\"7\">\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,oBAAC,QAAK,OAAM,UAAsB,SAAkB,IAAG,KACrD,8BAAC,QAAK,SAAQ,YAAY,aAAG,OAAM,KADX,GAAG,GAE7B;AAAA,UAEJ;AAAA,aAjB4B,GAkB9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-B7R4QL7D.js

@@ -1,55 +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: "6",
-                onClick,
-                pl: "2",
-                pr: "2",
-                className: "hover:bg-gray-800",
-                children: /* @__PURE__ */ jsx(Typo, { variant: "subtitle", children: el.title })
-              },
-              el.key
-            );
-          })
-        ] }, key);
-      })
-    }
-  );
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-B7R4QL7D.js.map

package/dist/chunk-B7R4QL7D.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=\"6\"\n                  onClick={onClick}\n                  pl=\"2\"\n                  pr=\"2\"\n                  className=\"hover:bg-gray-800\"\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,gBACH,WAAU;AAAA,gBAEV,8BAAC,QAAK,SAAQ,YAAY,aAAG,OAAM;AAAA;AAAA,cAP9B,GAAG;AAAA,YAQV;AAAA,UAEJ;AAAA,aAzB4B,GA0B9B;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-BH2MBAAY.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-BH2MBAAY.js.map

package/dist/chunk-BH2MBAAY.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  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;AAmCzD;AA3BC,SAAS,gBAAgB,OAA8C;AAC5E,QAAoD,YAA5C,YAAU,OAAO,YAAY,EATvC,IASsD,IAAT,iBAAS,IAAT,CAAnC,YAAU,SAAO;AACzB,QAAM,MAAM,OAAwB,IAAI;AACxC,QAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,IAC1C;AAAA,EACF;AAEA,YAAU,MAAM;AAflB,QAAAA,KAAA;AAgBI,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-C5QSBSVB.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);
-  }, [ref.current]);
-  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-C5QSBSVB.js.map

package/dist/chunk-C5QSBSVB.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  }, [ref.current]);\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,IAAI,OAAO,CAAC;AAEhB,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-C7BS7VPF.js

@@ -1,46 +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 } = _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",
-        wordBreak: "break-word",
-        WebkitLineClamp: lineClamp,
-        display: "-webkit-box"
-      }, style),
-      children
-    })
-  ) });
-});
-EllipsisTooltip.displayName = "EllipsisTooltip";
-
-export {
-  EllipsisTooltip
-};
-//# sourceMappingURL=chunk-C7BS7VPF.js.map

package/dist/chunk-C7BS7VPF.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          display:'-webkit-box',\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,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,QACjB,SAAQ;AAAA,SACL;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}

package/dist/chunk-CC3GT7LT.js

@@ -1,53 +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;
-      if (typo.scrollWidth > typo.clientWidth) {
-        setTooltipDisplay("block");
-      } else {
-        setTooltipDisplay("none");
-      }
-    }
-  }, []);
-  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-CC3GT7LT.js.map

package/dist/chunk-CC3GT7LT.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    if (ref.current) {\n      const typo = ref.current;\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={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;AA6BzD;AArBC,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;AACd,QAAI,IAAI,SAAS;AACf,YAAM,OAAO,IAAI;AACjB,UAAI,KAAK,cAAc,KAAK,aAAa;AACvC,0BAAkB,OAAO;AAAA,MAC3B,OAAO;AACL,0BAAkB,MAAM;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,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-CCZSZZTS.js

@@ -1,25 +0,0 @@
-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,
-        title
-      ] }),
-      children == null ? void 0 : children.map((el) => {
-        return el.itemRender ? el.itemRender(el) : /* @__PURE__ */ jsx(Flex, { pl: "7", children: el.title }, el.key);
-      })
-    ] }, key);
-  }) });
-}
-
-export {
-  Navigation
-};
-//# sourceMappingURL=chunk-CCZSZZTS.js.map

package/dist/chunk-CCZSZZTS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/molecules/navigation.tsx"],"sourcesContent":["import React from 'react';\nimport { Flex } 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                {title}\n              </Flex>\n            )}\n            {children?.map((el) => {\n              return el.itemRender ? (\n                el.itemRender(el)\n              ) : (\n                <Flex key={el.key} pl=\"7\">\n                  {el.title}\n                </Flex>\n              );\n            })}\n          </Flex>\n        );\n      })}\n    </Flex>\n  );\n}\n"],"mappings":";;;;;AA0Bc,SASE,KATF;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,QACA;AAAA,SACH;AAAA,MAED,qCAAU,IAAI,CAAC,OAAO;AACrB,eAAO,GAAG,aACR,GAAG,WAAW,EAAE,IAEhB,oBAAC,QAAkB,IAAG,KACnB,aAAG,SADK,GAAG,GAEd;AAAA,MAEJ;AAAA,SAjB4B,GAkB9B;AAAA,EAEJ,IACF;AAEJ;","names":[]}

package/dist/chunk-CMPIGFPT.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-CMPIGFPT.js.map