@deepnoid/ui 0.1.48 → 0.1.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/.turbo/turbo-build.log +203 -198
  2. package/dist/{chunk-O6YBE7V3.mjs → chunk-25QOEKXS.mjs} +3 -3
  3. package/dist/chunk-76B5LZBM.mjs +129 -0
  4. package/dist/{chunk-KJMJIFPS.mjs → chunk-BPEMHZH3.mjs} +1 -1
  5. package/dist/{chunk-RJ5AGYX2.mjs → chunk-C7AFIF2M.mjs} +7 -7
  6. package/dist/{chunk-RTJZEFLZ.mjs → chunk-IBI3OVQI.mjs} +3 -3
  7. package/dist/{chunk-LR3SWRB4.mjs → chunk-IC25OKBJ.mjs} +5 -5
  8. package/dist/{chunk-QK2OK7WS.mjs → chunk-KYJTZPXY.mjs} +2 -2
  9. package/dist/{chunk-ZSG4NGLK.mjs → chunk-MCNCHQ33.mjs} +4 -4
  10. package/dist/{chunk-SBL6IHEW.mjs → chunk-P7YYNA6L.mjs} +1 -1
  11. package/dist/{chunk-L2VA3ACH.mjs → chunk-PXIVYA5G.mjs} +1 -1
  12. package/dist/{chunk-JLRQLPXR.mjs → chunk-RIW4TT6V.mjs} +6 -6
  13. package/dist/{chunk-FEAPUDMZ.mjs → chunk-U2NPH2O3.mjs} +7 -7
  14. package/dist/chunk-ZOENHWSZ.mjs +147 -0
  15. package/dist/components/backdrop/backdrop.mjs +2 -2
  16. package/dist/components/backdrop/index.mjs +2 -2
  17. package/dist/components/breadcrumb/breadcrumb.mjs +5 -5
  18. package/dist/components/breadcrumb/index.mjs +5 -5
  19. package/dist/components/button/button.mjs +2 -2
  20. package/dist/components/button/icon-button.mjs +2 -2
  21. package/dist/components/button/index.mjs +4 -4
  22. package/dist/components/button/text-button.mjs +2 -2
  23. package/dist/components/charts/{areaCharts.d.mts → areaChart.d.mts} +8 -4
  24. package/dist/components/charts/{areaCharts.d.ts → areaChart.d.ts} +8 -4
  25. package/dist/components/charts/{areaCharts.js → areaChart.js} +70 -66
  26. package/dist/components/charts/{areaCharts.mjs → areaChart.mjs} +4 -4
  27. package/dist/components/charts/barChart.d.mts +33 -0
  28. package/dist/components/charts/barChart.d.ts +33 -0
  29. package/dist/components/charts/barChart.js +464 -0
  30. package/dist/components/charts/barChart.mjs +10 -0
  31. package/dist/components/charts/circularProgress.d.mts +4 -4
  32. package/dist/components/charts/circularProgress.d.ts +4 -4
  33. package/dist/components/charts/circularProgress.js +4 -4
  34. package/dist/components/charts/circularProgress.mjs +2 -2
  35. package/dist/components/charts/index.d.mts +2 -1
  36. package/dist/components/charts/index.d.ts +2 -1
  37. package/dist/components/charts/index.js +189 -65
  38. package/dist/components/charts/index.mjs +10 -6
  39. package/dist/components/checkbox/checkbox.mjs +2 -2
  40. package/dist/components/checkbox/index.mjs +2 -2
  41. package/dist/components/chip/chip.mjs +2 -2
  42. package/dist/components/chip/index.mjs +2 -2
  43. package/dist/components/dateTimePicker/calendar.mjs +2 -2
  44. package/dist/components/dateTimePicker/dateTimePicker.mjs +7 -7
  45. package/dist/components/dateTimePicker/index.mjs +7 -7
  46. package/dist/components/dateTimePicker/timePicker.mjs +4 -4
  47. package/dist/components/fileUpload/fileUpload.mjs +6 -6
  48. package/dist/components/fileUpload/index.mjs +6 -6
  49. package/dist/components/input/index.mjs +2 -2
  50. package/dist/components/input/input.mjs +2 -2
  51. package/dist/components/list/index.mjs +3 -3
  52. package/dist/components/list/list.mjs +2 -2
  53. package/dist/components/list/listItem.mjs +2 -2
  54. package/dist/components/modal/index.mjs +6 -6
  55. package/dist/components/modal/modal.mjs +6 -6
  56. package/dist/components/pagination/index.mjs +3 -3
  57. package/dist/components/pagination/pagination.mjs +3 -3
  58. package/dist/components/radio/index.mjs +2 -2
  59. package/dist/components/radio/radio.mjs +2 -2
  60. package/dist/components/select/index.mjs +2 -2
  61. package/dist/components/select/select.mjs +2 -2
  62. package/dist/components/table/index.mjs +9 -9
  63. package/dist/components/table/table-body.mjs +3 -3
  64. package/dist/components/table/table-head.mjs +3 -3
  65. package/dist/components/table/table.mjs +9 -9
  66. package/dist/components/tabs/index.mjs +2 -2
  67. package/dist/components/tabs/tabs.mjs +2 -2
  68. package/dist/components/toast/index.mjs +4 -4
  69. package/dist/components/toast/toast.mjs +2 -2
  70. package/dist/components/toast/use-toast.mjs +3 -3
  71. package/dist/components/tooltip/index.mjs +2 -2
  72. package/dist/components/tooltip/tooltip.mjs +2 -2
  73. package/dist/components/tree/index.mjs +2 -2
  74. package/dist/components/tree/tree.mjs +2 -2
  75. package/dist/index.d.mts +2 -1
  76. package/dist/index.d.ts +2 -1
  77. package/dist/index.js +189 -65
  78. package/dist/index.mjs +63 -59
  79. package/package.json +1 -1
  80. package/dist/chunk-VYLYF6G5.mjs +0 -143
  81. package/dist/{chunk-SSMMWMQC.mjs → chunk-2YMAKIZ6.mjs} +3 -3
  82. package/dist/{chunk-6K3E5BVO.mjs → chunk-7TAGGLNY.mjs} +3 -3
  83. package/dist/{chunk-X6D7C7QZ.mjs → chunk-A7RU3FU5.mjs} +3 -3
  84. package/dist/{chunk-YLRYHUTW.mjs → chunk-D6QI3DJG.mjs} +3 -3
  85. package/dist/{chunk-R62HK726.mjs → chunk-GH6CPGFN.mjs} +3 -3
  86. package/dist/{chunk-UFVQPPPW.mjs → chunk-HIVPDIEP.mjs} +3 -3
  87. package/dist/{chunk-P5QCU457.mjs → chunk-LL6F3WDX.mjs} +3 -3
  88. package/dist/{chunk-7W2ZI2DD.mjs → chunk-MEY4IL7D.mjs} +3 -3
  89. package/dist/{chunk-WPIFIRCJ.mjs → chunk-NFQMXW4Z.mjs} +3 -3
  90. package/dist/{chunk-33LANVZV.mjs → chunk-QIRL6HY6.mjs} +3 -3
  91. package/dist/{chunk-W45H2ZMW.mjs → chunk-RT3S3VVJ.mjs} +3 -3
  92. package/dist/{chunk-7J3KVOTS.mjs → chunk-UB4YBFOT.mjs} +3 -3
  93. package/dist/{chunk-2PKM7SLZ.mjs → chunk-WFMFC7R6.mjs} +3 -3
  94. package/dist/{chunk-Y6XQTWB5.mjs → chunk-WLNLVX7Q.mjs} +3 -3
  95. package/dist/{chunk-3YMMVZDL.mjs → chunk-XOH6GWRD.mjs} +0 -0
  96. package/dist/{chunk-IL5ENWCR.mjs → chunk-Z2537DF6.mjs} +3 -3
  97. package/dist/{chunk-XWBAGKP6.mjs → chunk-ZYWQWFVT.mjs} +3 -3
@@ -1,13 +1,13 @@
1
1
  "use client";
2
2
  import {
3
3
  input_default
4
- } from "./chunk-R62HK726.mjs";
4
+ } from "./chunk-GH6CPGFN.mjs";
5
5
  import {
6
6
  button_default
7
- } from "./chunk-7J3KVOTS.mjs";
7
+ } from "./chunk-UB4YBFOT.mjs";
8
8
  import {
9
9
  icon_button_default
10
- } from "./chunk-6K3E5BVO.mjs";
10
+ } from "./chunk-7TAGGLNY.mjs";
11
11
 
12
12
  // src/components/fileUpload/fileUpload.tsx
13
13
  import { useRef, useState, useEffect } from "react";
@@ -0,0 +1,129 @@
1
+ "use client";
2
+ import {
3
+ tv
4
+ } from "./chunk-4ZJFD3L3.mjs";
5
+ import {
6
+ mapPropsVariants
7
+ } from "./chunk-E3G5QXSH.mjs";
8
+
9
+ // src/components/charts/barChart.tsx
10
+ import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
11
+ import { XAxis, YAxis, ResponsiveContainer, CartesianGrid, BarChart, Bar } from "recharts";
12
+ import { jsx, jsxs } from "react/jsx-runtime";
13
+ var BarChartComponent = forwardRef((originalProps, ref) => {
14
+ const [props, variantProps] = mapPropsVariants(originalProps, barChartStyle.variantKeys);
15
+ const { data, label, classNames } = { ...props, ...variantProps };
16
+ const slots = useMemo(() => barChartStyle({ ...variantProps }), [variantProps]);
17
+ const COLOR_MAP = {
18
+ primary: "#C7E5FA",
19
+ secondary: "#DEC1FA",
20
+ warning: "#F9C967"
21
+ };
22
+ const [tickPositions, setTickPositions] = useState([]);
23
+ const tickRef = useRef([]);
24
+ const CustomBarShape = (barProps) => {
25
+ const { x, y, width, height, fill } = barProps;
26
+ const radius = 5;
27
+ const extraHeight = 10;
28
+ const adjustedHeight = height + extraHeight;
29
+ const adjustedY = y;
30
+ const bottomY = adjustedY + adjustedHeight;
31
+ return height ? /* @__PURE__ */ jsx(
32
+ "path",
33
+ {
34
+ d: `M${x},${bottomY} L${x},${adjustedY + radius} Q${x},${adjustedY} ${x + radius},${adjustedY} L${x + width - radius},${adjustedY} Q${x + width},${adjustedY} ${x + width},${adjustedY + radius} L${x + width},${bottomY} Z`,
35
+ fill
36
+ }
37
+ ) : /* @__PURE__ */ jsx("rect", { x, y, width, height: 0, fill });
38
+ };
39
+ const CustomTick = ({ x, y, payload }) => {
40
+ if (x !== void 0) {
41
+ tickRef.current.push(x);
42
+ }
43
+ return /* @__PURE__ */ jsx(
44
+ "text",
45
+ {
46
+ x,
47
+ y: y + 14,
48
+ textAnchor: "middle",
49
+ fontSize: 12,
50
+ fontWeight: 700,
51
+ fill: "currentColor",
52
+ className: "text-body-foreground",
53
+ children: payload.value
54
+ }
55
+ );
56
+ };
57
+ useEffect(() => {
58
+ const raf = requestAnimationFrame(() => {
59
+ const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
60
+ const mids = [];
61
+ for (let i = 0; i < unique.length - 1; i++) {
62
+ mids.push((unique[i] + unique[i + 1]) / 2);
63
+ }
64
+ setTickPositions(mids);
65
+ tickRef.current = [];
66
+ });
67
+ return () => cancelAnimationFrame(raf);
68
+ }, [data]);
69
+ return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
70
+ label && /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
71
+ /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(BarChart, { data, margin: { left: -30 }, barSize: 20, barGap: 10, children: [
72
+ /* @__PURE__ */ jsx(
73
+ CartesianGrid,
74
+ {
75
+ vertical: true,
76
+ horizontal: false,
77
+ strokeDasharray: "3 3",
78
+ className: "stroke-neutral-light",
79
+ verticalPoints: tickPositions
80
+ }
81
+ ),
82
+ /* @__PURE__ */ jsx(
83
+ XAxis,
84
+ {
85
+ dataKey: "name",
86
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
87
+ tickLine: false,
88
+ tick: CustomTick,
89
+ padding: { left: 32, right: 32 }
90
+ }
91
+ ),
92
+ /* @__PURE__ */ jsx(
93
+ YAxis,
94
+ {
95
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
96
+ tickLine: false,
97
+ tick: {
98
+ fontSize: 12,
99
+ fontWeight: 700,
100
+ fill: "text-body-foreground",
101
+ textAnchor: "middle",
102
+ dx: -10
103
+ },
104
+ ticks: [0, 20, 40, 60, 80, 100],
105
+ domain: [-6, 110]
106
+ }
107
+ ),
108
+ /* @__PURE__ */ jsx(Bar, { dataKey: "avg", fill: COLOR_MAP.primary, width: 20, shape: CustomBarShape }),
109
+ /* @__PURE__ */ jsx(Bar, { dataKey: "high", fill: COLOR_MAP.secondary, width: 20, shape: CustomBarShape }),
110
+ /* @__PURE__ */ jsx(Bar, { dataKey: "low", fill: COLOR_MAP.warning, width: 20, shape: CustomBarShape })
111
+ ] }) })
112
+ ] });
113
+ });
114
+ BarChartComponent.displayName = "barChart";
115
+ var barChart_default = BarChartComponent;
116
+ var barChartStyle = tv({
117
+ slots: {
118
+ base: ["flex", "flex-col", "gap-[10px]"],
119
+ label: ["text-md", "font-bold", "text-body-foreground"]
120
+ },
121
+ variants: {},
122
+ defaultVariants: {
123
+ color: "primary"
124
+ }
125
+ });
126
+
127
+ export {
128
+ barChart_default
129
+ };
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-6PN3DGOE.mjs";
5
5
  import {
6
6
  checkbox_default
7
- } from "./chunk-YLRYHUTW.mjs";
7
+ } from "./chunk-D6QI3DJG.mjs";
8
8
  import {
9
9
  clsx
10
10
  } from "./chunk-27Y6K5NK.mjs";
@@ -1,22 +1,22 @@
1
1
  "use client";
2
+ import {
3
+ timePicker_default
4
+ } from "./chunk-KYJTZPXY.mjs";
2
5
  import {
3
6
  useDatePicker
4
7
  } from "./chunk-FWJ2ZKH6.mjs";
5
8
  import {
6
9
  calendar_default
7
- } from "./chunk-X6D7C7QZ.mjs";
8
- import {
9
- timePicker_default
10
- } from "./chunk-QK2OK7WS.mjs";
10
+ } from "./chunk-A7RU3FU5.mjs";
11
11
  import {
12
12
  Icon_default
13
13
  } from "./chunk-2TKEWFGH.mjs";
14
- import {
15
- mapPropsVariants
16
- } from "./chunk-E3G5QXSH.mjs";
17
14
  import {
18
15
  tv
19
16
  } from "./chunk-4ZJFD3L3.mjs";
17
+ import {
18
+ mapPropsVariants
19
+ } from "./chunk-E3G5QXSH.mjs";
20
20
 
21
21
  // src/components/dateTimePicker/dateTimePicker.tsx
22
22
  import React, { forwardRef, useCallback, useMemo } from "react";
@@ -1,10 +1,10 @@
1
1
  "use client";
2
- import {
3
- toast_default
4
- } from "./chunk-7W2ZI2DD.mjs";
5
2
  import {
6
3
  getToastPosition
7
4
  } from "./chunk-ZOTHPHXA.mjs";
5
+ import {
6
+ toast_default
7
+ } from "./chunk-MEY4IL7D.mjs";
8
8
 
9
9
  // src/components/toast/use-toast.tsx
10
10
  import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";
@@ -1,19 +1,19 @@
1
1
  "use client";
2
2
  import {
3
3
  backdrop_default
4
- } from "./chunk-P5QCU457.mjs";
4
+ } from "./chunk-LL6F3WDX.mjs";
5
5
  import {
6
6
  button_default
7
- } from "./chunk-7J3KVOTS.mjs";
7
+ } from "./chunk-UB4YBFOT.mjs";
8
8
  import {
9
9
  Icon_default
10
10
  } from "./chunk-2TKEWFGH.mjs";
11
- import {
12
- mapPropsVariants
13
- } from "./chunk-E3G5QXSH.mjs";
14
11
  import {
15
12
  tv
16
13
  } from "./chunk-4ZJFD3L3.mjs";
14
+ import {
15
+ mapPropsVariants
16
+ } from "./chunk-E3G5QXSH.mjs";
17
17
 
18
18
  // src/components/modal/modal.tsx
19
19
  import { forwardRef, useMemo, useEffect } from "react";
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  list_default
4
- } from "./chunk-UFVQPPPW.mjs";
4
+ } from "./chunk-HIVPDIEP.mjs";
5
5
  import {
6
6
  listItem_default
7
- } from "./chunk-W45H2ZMW.mjs";
7
+ } from "./chunk-RT3S3VVJ.mjs";
8
8
 
9
9
  // src/components/dateTimePicker/timePicker.tsx
10
10
  import { useState, useRef, useEffect } from "react";
@@ -4,19 +4,19 @@ import {
4
4
  } from "./chunk-F3HENRVM.mjs";
5
5
  import {
6
6
  input_default
7
- } from "./chunk-R62HK726.mjs";
7
+ } from "./chunk-GH6CPGFN.mjs";
8
8
  import {
9
9
  Icon_default
10
10
  } from "./chunk-2TKEWFGH.mjs";
11
+ import {
12
+ tv
13
+ } from "./chunk-4ZJFD3L3.mjs";
11
14
  import {
12
15
  clsx
13
16
  } from "./chunk-27Y6K5NK.mjs";
14
17
  import {
15
18
  mapPropsVariants
16
19
  } from "./chunk-E3G5QXSH.mjs";
17
- import {
18
- tv
19
- } from "./chunk-4ZJFD3L3.mjs";
20
20
 
21
21
  // src/components/pagination/pagination.tsx
22
22
  import { forwardRef, useMemo, useState } from "react";
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-6PN3DGOE.mjs";
5
5
  import {
6
6
  checkbox_default
7
- } from "./chunk-YLRYHUTW.mjs";
7
+ } from "./chunk-D6QI3DJG.mjs";
8
8
  import {
9
9
  clsx
10
10
  } from "./chunk-27Y6K5NK.mjs";
@@ -4,7 +4,7 @@ import {
4
4
  } from "./chunk-2TKEWFGH.mjs";
5
5
  import {
6
6
  text_button_default
7
- } from "./chunk-2PKM7SLZ.mjs";
7
+ } from "./chunk-WFMFC7R6.mjs";
8
8
  import {
9
9
  tv
10
10
  } from "./chunk-4ZJFD3L3.mjs";
@@ -1,16 +1,16 @@
1
1
  "use client";
2
2
  import {
3
- scrollArea_default
4
- } from "./chunk-M37VBNB3.mjs";
3
+ table_body_default
4
+ } from "./chunk-BPEMHZH3.mjs";
5
5
  import {
6
6
  table_head_default
7
- } from "./chunk-SBL6IHEW.mjs";
7
+ } from "./chunk-P7YYNA6L.mjs";
8
8
  import {
9
- table_body_default
10
- } from "./chunk-KJMJIFPS.mjs";
9
+ scrollArea_default
10
+ } from "./chunk-M37VBNB3.mjs";
11
11
  import {
12
12
  pagination_default
13
- } from "./chunk-ZSG4NGLK.mjs";
13
+ } from "./chunk-MCNCHQ33.mjs";
14
14
  import {
15
15
  clsx
16
16
  } from "./chunk-27Y6K5NK.mjs";
@@ -1,10 +1,10 @@
1
1
  "use client";
2
- import {
3
- mapPropsVariants
4
- } from "./chunk-E3G5QXSH.mjs";
5
2
  import {
6
3
  tv
7
4
  } from "./chunk-4ZJFD3L3.mjs";
5
+ import {
6
+ mapPropsVariants
7
+ } from "./chunk-E3G5QXSH.mjs";
8
8
 
9
9
  // src/components/charts/circularProgress.tsx
10
10
  import { RadialBarChart, RadialBar, PolarAngleAxis } from "recharts";
@@ -12,11 +12,11 @@ import { forwardRef, useMemo } from "react";
12
12
  import { jsx, jsxs } from "react/jsx-runtime";
13
13
  var CircularProgress = forwardRef((originalProps, ref) => {
14
14
  const [props, variantProps] = mapPropsVariants(originalProps, circularProgressStyle.variantKeys);
15
- const { title, size = 150, color, percentage, unit, classNames } = { ...props, ...variantProps };
15
+ const { label, size = 150, percentage, unit, classNames } = { ...props, ...variantProps };
16
16
  const slots = useMemo(() => circularProgressStyle({ ...variantProps }), [variantProps]);
17
17
  const data = [
18
18
  {
19
- name: title,
19
+ name: label,
20
20
  value: percentage
21
21
  }
22
22
  ];
@@ -65,7 +65,7 @@ var CircularProgress = forwardRef((originalProps, ref) => {
65
65
  unit
66
66
  ] }) })
67
67
  ] }),
68
- title && /* @__PURE__ */ jsx("p", { className: slots.title({ class: classNames == null ? void 0 : classNames.title }), children: title })
68
+ label && /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label })
69
69
  ] });
70
70
  });
71
71
  CircularProgress.displayName = "CircularProgress";
@@ -76,7 +76,7 @@ var circularProgressStyle = tv({
76
76
  background: [],
77
77
  progress: ["transition-all", "duration-1000 ease-out"],
78
78
  text: ["text-xl", "font-bold"],
79
- title: ["text-md", "font-bold", "text-center", "text-body-foreground"]
79
+ label: ["text-md", "font-bold", "text-left", "text-body-foreground"]
80
80
  },
81
81
  variants: {
82
82
  color: {
@@ -0,0 +1,147 @@
1
+ "use client";
2
+ import {
3
+ tv
4
+ } from "./chunk-4ZJFD3L3.mjs";
5
+ import {
6
+ mapPropsVariants
7
+ } from "./chunk-E3G5QXSH.mjs";
8
+
9
+ // src/components/charts/areaChart.tsx
10
+ import { forwardRef, useMemo, useState, useRef, useEffect, useId } from "react";
11
+ import { AreaChart, Area, XAxis, YAxis, ResponsiveContainer, CartesianGrid } from "recharts";
12
+ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
13
+ var AreaChartComponent = forwardRef((originalProps, ref) => {
14
+ const uniqueId = useId();
15
+ const [props, variantProps] = mapPropsVariants(originalProps, areaChartStyle.variantKeys);
16
+ const { data, label, color = "primary", classNames } = { ...props, ...variantProps };
17
+ const slots = useMemo(() => areaChartStyle({ ...variantProps }), [variantProps]);
18
+ const COLOR_MAP = {
19
+ primary: "#3F9CF2",
20
+ danger: "#FF4684"
21
+ };
22
+ const colorHex = useMemo(() => COLOR_MAP[color], [color]);
23
+ const [tickPositions, setTickPositions] = useState([]);
24
+ const tickRef = useRef([]);
25
+ const CustomTick = ({ x, y, payload }) => {
26
+ if (x !== void 0) {
27
+ tickRef.current.push(x);
28
+ }
29
+ return /* @__PURE__ */ jsx(
30
+ "text",
31
+ {
32
+ x,
33
+ y: y + 14,
34
+ textAnchor: "middle",
35
+ fontSize: 12,
36
+ fontWeight: 700,
37
+ fill: "currentColor",
38
+ className: "text-body-foreground",
39
+ children: payload.value
40
+ }
41
+ );
42
+ };
43
+ useEffect(() => {
44
+ const raf = requestAnimationFrame(() => {
45
+ const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
46
+ const mids = [];
47
+ for (let i = 0; i < unique.length - 1; i++) {
48
+ mids.push((unique[i] + unique[i + 1]) / 2);
49
+ }
50
+ setTickPositions(mids);
51
+ tickRef.current = [];
52
+ });
53
+ return () => cancelAnimationFrame(raf);
54
+ }, [data]);
55
+ const CustomDotWithShadow = (props2) => {
56
+ const { cx, cy, fill, stroke } = props2;
57
+ if (cx === void 0 || cy === void 0) return null;
58
+ return /* @__PURE__ */ jsxs(Fragment, { children: [
59
+ /* @__PURE__ */ jsx("circle", { cx, cy, r: 8, fill, opacity: 0.2 }),
60
+ /* @__PURE__ */ jsx("circle", { cx, cy, r: 3.5, fill, stroke, strokeWidth: 2 })
61
+ ] });
62
+ };
63
+ return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
64
+ label && /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
65
+ /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(AreaChart, { data, margin: { left: -30 }, children: [
66
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
67
+ /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
68
+ /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
69
+ ] }) }),
70
+ /* @__PURE__ */ jsx(
71
+ CartesianGrid,
72
+ {
73
+ vertical: true,
74
+ horizontal: false,
75
+ strokeDasharray: "3 3",
76
+ className: "stroke-neutral-light",
77
+ verticalPoints: tickPositions
78
+ }
79
+ ),
80
+ /* @__PURE__ */ jsx(
81
+ XAxis,
82
+ {
83
+ dataKey: "name",
84
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
85
+ tickLine: false,
86
+ tick: CustomTick,
87
+ padding: { left: 35.5, right: 35.5 }
88
+ }
89
+ ),
90
+ /* @__PURE__ */ jsx(
91
+ YAxis,
92
+ {
93
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
94
+ tickLine: false,
95
+ tick: {
96
+ fontSize: 12,
97
+ fontWeight: 700,
98
+ fill: "text-body-foreground",
99
+ textAnchor: "middle",
100
+ dx: -10
101
+ },
102
+ ticks: [0, 20, 40, 60, 80, 100],
103
+ domain: [-6, 110]
104
+ }
105
+ ),
106
+ /* @__PURE__ */ jsx(
107
+ Area,
108
+ {
109
+ type: "monotone",
110
+ dataKey: "value",
111
+ stroke: colorHex,
112
+ strokeWidth: 2,
113
+ fill: `url(#colorGradient-${uniqueId})`,
114
+ dot: /* @__PURE__ */ jsx(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
115
+ activeDot: { r: 7, fill: colorHex }
116
+ }
117
+ )
118
+ ] }) })
119
+ ] });
120
+ });
121
+ AreaChartComponent.displayName = "AreaChart";
122
+ var areaChart_default = AreaChartComponent;
123
+ var areaChartStyle = tv({
124
+ slots: {
125
+ base: ["flex", "flex-col", "gap-[10px]"],
126
+ color: [],
127
+ axis: ["text-sm", "font-bold", "text-center", "text-body-foreground"],
128
+ label: ["text-md", "font-bold", "text-body-foreground"]
129
+ },
130
+ variants: {
131
+ color: {
132
+ primary: {
133
+ color: ["text-primary-main"]
134
+ },
135
+ danger: {
136
+ color: ["text-danger-main"]
137
+ }
138
+ }
139
+ },
140
+ defaultVariants: {
141
+ color: "primary"
142
+ }
143
+ });
144
+
145
+ export {
146
+ areaChart_default
147
+ };
@@ -1,9 +1,9 @@
1
1
  "use client";
2
2
  import {
3
3
  backdrop_default
4
- } from "../../chunk-P5QCU457.mjs";
5
- import "../../chunk-27Y6K5NK.mjs";
4
+ } from "../../chunk-LL6F3WDX.mjs";
6
5
  import "../../chunk-4ZJFD3L3.mjs";
6
+ import "../../chunk-27Y6K5NK.mjs";
7
7
  import "../../chunk-AC6TWLRT.mjs";
8
8
  export {
9
9
  backdrop_default as default
@@ -2,9 +2,9 @@
2
2
  import "../../chunk-SE5TU755.mjs";
3
3
  import {
4
4
  backdrop_default
5
- } from "../../chunk-P5QCU457.mjs";
6
- import "../../chunk-27Y6K5NK.mjs";
5
+ } from "../../chunk-LL6F3WDX.mjs";
7
6
  import "../../chunk-4ZJFD3L3.mjs";
7
+ import "../../chunk-27Y6K5NK.mjs";
8
8
  import "../../chunk-AC6TWLRT.mjs";
9
9
  export {
10
10
  backdrop_default as Backdrop
@@ -1,21 +1,21 @@
1
1
  "use client";
2
2
  import {
3
3
  breadcrumb_default
4
- } from "../../chunk-L2VA3ACH.mjs";
4
+ } from "../../chunk-PXIVYA5G.mjs";
5
5
  import "../../chunk-MY5U63QO.mjs";
6
6
  import "../../chunk-LPZOH3RP.mjs";
7
- import "../../chunk-7J3KVOTS.mjs";
8
- import "../../chunk-6K3E5BVO.mjs";
7
+ import "../../chunk-UB4YBFOT.mjs";
8
+ import "../../chunk-7TAGGLNY.mjs";
9
9
  import "../../chunk-6WSACUIB.mjs";
10
10
  import "../../chunk-LXHUO6VM.mjs";
11
11
  import "../../chunk-6PNKRBUT.mjs";
12
12
  import "../../chunk-ZYIIXWVY.mjs";
13
13
  import "../../chunk-2TKEWFGH.mjs";
14
- import "../../chunk-2PKM7SLZ.mjs";
14
+ import "../../chunk-WFMFC7R6.mjs";
15
15
  import "../../chunk-2SDYFOZL.mjs";
16
+ import "../../chunk-4ZJFD3L3.mjs";
16
17
  import "../../chunk-27Y6K5NK.mjs";
17
18
  import "../../chunk-E3G5QXSH.mjs";
18
- import "../../chunk-4ZJFD3L3.mjs";
19
19
  import "../../chunk-AC6TWLRT.mjs";
20
20
  export {
21
21
  breadcrumb_default as default
@@ -2,21 +2,21 @@
2
2
  import "../../chunk-KYIODWXL.mjs";
3
3
  import {
4
4
  breadcrumb_default
5
- } from "../../chunk-L2VA3ACH.mjs";
5
+ } from "../../chunk-PXIVYA5G.mjs";
6
6
  import "../../chunk-MY5U63QO.mjs";
7
7
  import "../../chunk-LPZOH3RP.mjs";
8
- import "../../chunk-7J3KVOTS.mjs";
9
- import "../../chunk-6K3E5BVO.mjs";
8
+ import "../../chunk-UB4YBFOT.mjs";
9
+ import "../../chunk-7TAGGLNY.mjs";
10
10
  import "../../chunk-6WSACUIB.mjs";
11
11
  import "../../chunk-LXHUO6VM.mjs";
12
12
  import "../../chunk-6PNKRBUT.mjs";
13
13
  import "../../chunk-ZYIIXWVY.mjs";
14
14
  import "../../chunk-2TKEWFGH.mjs";
15
- import "../../chunk-2PKM7SLZ.mjs";
15
+ import "../../chunk-WFMFC7R6.mjs";
16
16
  import "../../chunk-2SDYFOZL.mjs";
17
+ import "../../chunk-4ZJFD3L3.mjs";
17
18
  import "../../chunk-27Y6K5NK.mjs";
18
19
  import "../../chunk-E3G5QXSH.mjs";
19
- import "../../chunk-4ZJFD3L3.mjs";
20
20
  import "../../chunk-AC6TWLRT.mjs";
21
21
  export {
22
22
  breadcrumb_default as Breadcrumb
@@ -1,15 +1,15 @@
1
1
  "use client";
2
2
  import {
3
3
  button_default
4
- } from "../../chunk-7J3KVOTS.mjs";
4
+ } from "../../chunk-UB4YBFOT.mjs";
5
5
  import "../../chunk-6WSACUIB.mjs";
6
6
  import "../../chunk-LXHUO6VM.mjs";
7
7
  import "../../chunk-6PNKRBUT.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-2TKEWFGH.mjs";
10
10
  import "../../chunk-2SDYFOZL.mjs";
11
- import "../../chunk-E3G5QXSH.mjs";
12
11
  import "../../chunk-4ZJFD3L3.mjs";
12
+ import "../../chunk-E3G5QXSH.mjs";
13
13
  import "../../chunk-AC6TWLRT.mjs";
14
14
  export {
15
15
  button_default as default
@@ -1,15 +1,15 @@
1
1
  "use client";
2
2
  import {
3
3
  icon_button_default
4
- } from "../../chunk-6K3E5BVO.mjs";
4
+ } from "../../chunk-7TAGGLNY.mjs";
5
5
  import "../../chunk-6WSACUIB.mjs";
6
6
  import "../../chunk-LXHUO6VM.mjs";
7
7
  import "../../chunk-6PNKRBUT.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-2TKEWFGH.mjs";
10
10
  import "../../chunk-2SDYFOZL.mjs";
11
- import "../../chunk-E3G5QXSH.mjs";
12
11
  import "../../chunk-4ZJFD3L3.mjs";
12
+ import "../../chunk-E3G5QXSH.mjs";
13
13
  import "../../chunk-AC6TWLRT.mjs";
14
14
  export {
15
15
  icon_button_default as default
@@ -5,10 +5,10 @@ import {
5
5
  } from "../../chunk-LPZOH3RP.mjs";
6
6
  import {
7
7
  button_default
8
- } from "../../chunk-7J3KVOTS.mjs";
8
+ } from "../../chunk-UB4YBFOT.mjs";
9
9
  import {
10
10
  icon_button_default
11
- } from "../../chunk-6K3E5BVO.mjs";
11
+ } from "../../chunk-7TAGGLNY.mjs";
12
12
  import "../../chunk-6WSACUIB.mjs";
13
13
  import "../../chunk-LXHUO6VM.mjs";
14
14
  import "../../chunk-6PNKRBUT.mjs";
@@ -16,11 +16,11 @@ import "../../chunk-ZYIIXWVY.mjs";
16
16
  import "../../chunk-2TKEWFGH.mjs";
17
17
  import {
18
18
  text_button_default
19
- } from "../../chunk-2PKM7SLZ.mjs";
19
+ } from "../../chunk-WFMFC7R6.mjs";
20
20
  import "../../chunk-2SDYFOZL.mjs";
21
+ import "../../chunk-4ZJFD3L3.mjs";
21
22
  import "../../chunk-27Y6K5NK.mjs";
22
23
  import "../../chunk-E3G5QXSH.mjs";
23
- import "../../chunk-4ZJFD3L3.mjs";
24
24
  import "../../chunk-AC6TWLRT.mjs";
25
25
  export {
26
26
  button_default as Button,
@@ -1,10 +1,10 @@
1
1
  "use client";
2
2
  import {
3
3
  text_button_default
4
- } from "../../chunk-2PKM7SLZ.mjs";
4
+ } from "../../chunk-WFMFC7R6.mjs";
5
+ import "../../chunk-4ZJFD3L3.mjs";
5
6
  import "../../chunk-27Y6K5NK.mjs";
6
7
  import "../../chunk-E3G5QXSH.mjs";
7
- import "../../chunk-4ZJFD3L3.mjs";
8
8
  import "../../chunk-AC6TWLRT.mjs";
9
9
  export {
10
10
  text_button_default as default