@tipp/ui 1.0.0 → 1.0.2

package/dist/chart/chart.d.cts

@@ -0,0 +1,176 @@
+import React__default from 'react';
+import ReactECharts from 'echarts-for-react';
+
+var version = 1;
+var themeName = "customed";
+var 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: "通用坐标轴",
+			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: "类目坐标轴",
+			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: "数值坐标轴",
+			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: "对数坐标轴",
+			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: "时间坐标轴",
+			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"
+};
+var chartTheme = {
+	version: version,
+	themeName: themeName,
+	theme: theme
+};
+
+type ChartProps = React__default.ComponentProps<typeof ReactECharts>;
+declare function Chart(props: ChartProps): JSX.Element;
+
+export { Chart, type ChartProps, chartTheme };

package/dist/chart/chart.d.ts

@@ -0,0 +1,176 @@
+import React__default from 'react';
+import ReactECharts from 'echarts-for-react';
+
+var version = 1;
+var themeName = "customed";
+var 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: "通用坐标轴",
+			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: "类目坐标轴",
+			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: "数值坐标轴",
+			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: "对数坐标轴",
+			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: "时间坐标轴",
+			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"
+};
+var chartTheme = {
+	version: version,
+	themeName: themeName,
+	theme: theme
+};
+
+type ChartProps = React__default.ComponentProps<typeof ReactECharts>;
+declare function Chart(props: ChartProps): JSX.Element;
+
+export { Chart, type ChartProps, chartTheme };

package/dist/chart/chart.js

@@ -0,0 +1,161 @@
+import {
+  __spreadValues
+} from "../chunk-N552FDTV.js";
+
+// src/chart/chart.tsx
+import { useResizeDetector } from "react-resize-detector";
+import ReactECharts from "echarts-for-react";
+
+// src/chart/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/chart/chart.tsx
+import { jsx } from "react/jsx-runtime";
+function Chart(props) {
+  const { width, height, ref } = useResizeDetector({
+    handleHeight: false,
+    refreshMode: "debounce",
+    refreshRate: 100
+  });
+  return /* @__PURE__ */ jsx("div", { ref, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsx(ReactECharts, __spreadValues({ style: { width, height }, theme: chart_theme_default }, props)) });
+}
+export {
+  Chart,
+  chart_theme_default as chartTheme
+};
+//# sourceMappingURL=chart.js.map

package/dist/chart/chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/chart/chart.tsx","../../src/chart/chart-theme.json"],"sourcesContent":["import React from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\nimport ReactECharts from 'echarts-for-react';\nimport chartTheme from './chart-theme.json';\n\nexport { chartTheme };\n\nexport type ChartProps = React.ComponentProps<typeof ReactECharts>;\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  return (\n    <div ref={ref} style={{ width: '100%', height: '100%' }}>\n      <ReactECharts style={{ width, height }} theme={chartTheme} {...props} />\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-25HMMI7R.js

@@ -0,0 +1,7 @@
+// src/atoms/flex.tsx
+import { Flex } from "@radix-ui/themes";
+
+export {
+  Flex
+};
+//# sourceMappingURL=chunk-25HMMI7R.js.map

package/dist/chunk-25HMMI7R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/flex.tsx"],"sourcesContent":["export { Flex, type FlexProps } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,YAA4B;","names":[]}

package/dist/chunk-2A2IJOVV.js

@@ -0,0 +1,60 @@
+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, typo.textContent);
+        if (typo.innerText !== typo.textContent) {
+          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-2A2IJOVV.js.map

package/dist/chunk-2A2IJOVV.js.map

@@ -0,0 +1 @@
+{"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, typo.textContent);\n        if (typo.innerText !== typo.textContent) {\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,WAAW,KAAK,WAAW;AAC5C,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,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-2DZ2Y3JI.js

@@ -0,0 +1,7 @@
+// src/atoms/em.tsx
+import { Em } from "@radix-ui/themes";
+
+export {
+  Em
+};
+//# sourceMappingURL=chunk-2DZ2Y3JI.js.map

package/dist/chunk-2DZ2Y3JI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/atoms/em.tsx"],"sourcesContent":["export { Em, type EmProps } from '@radix-ui/themes';\n"],"mappings":";AAAA,SAAS,UAAwB;","names":[]}

package/dist/chunk-2JZ3UQAX.js

@@ -0,0 +1,48 @@
+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-2JZ3UQAX.js.map

package/dist/chunk-2JZ3UQAX.js.map

@@ -0,0 +1 @@
+{"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          \n          WebkitLineClamp: lineClamp,\n          wordBreak: 'break-word',\n\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,QAER,iBAAiB;AAAA,QACjB,WAAW;AAAA,QAEX,YAAY;AAAA,QACZ,QAAQ;AAAA,SACL;AAAA,MAGJ;AAAA;AAAA,EACH,GACF;AAEJ,CAAC;AAED,gBAAgB,cAAc;","names":[]}