@deepnoid/ui 0.1.117 → 0.1.119

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 (115) hide show
  1. package/.turbo/turbo-build.log +167 -167
  2. package/dist/{chunk-HD2PTCE6.mjs → chunk-27WK5334.mjs} +2 -2
  3. package/dist/{chunk-3ZH6PWFC.mjs → chunk-BBQNVDIA.mjs} +2 -2
  4. package/dist/{chunk-ER3SUAE2.mjs → chunk-CMMVXFHD.mjs} +1 -1
  5. package/dist/{chunk-LCWEO4U6.mjs → chunk-CTWYY7Z2.mjs} +28 -28
  6. package/dist/{chunk-HLYTCS7L.mjs → chunk-EM2NIGNZ.mjs} +1 -1
  7. package/dist/{chunk-VPGJ4HZ7.mjs → chunk-EXUHHLSA.mjs} +2 -2
  8. package/dist/{chunk-TO6OPRBH.mjs → chunk-IJS5AWD2.mjs} +1 -1
  9. package/dist/{chunk-PHWTRXOL.mjs → chunk-KCOS2KC6.mjs} +2 -2
  10. package/dist/{chunk-6VNOOJDQ.mjs → chunk-MHZ4BO5M.mjs} +2 -2
  11. package/dist/{chunk-RSD67ORA.mjs → chunk-MIVGSJFF.mjs} +1 -1
  12. package/dist/{chunk-LIHZG4KM.mjs → chunk-NITERGU5.mjs} +4 -4
  13. package/dist/{chunk-MG5E5YZ7.mjs → chunk-NMZFSNPE.mjs} +1 -1
  14. package/dist/{chunk-LZRBMVT7.mjs → chunk-NV5Z6ZUO.mjs} +1 -1
  15. package/dist/{chunk-TRNL3IXF.mjs → chunk-OBMO6LRA.mjs} +1 -1
  16. package/dist/{chunk-CUCLHYCE.mjs → chunk-Q5634WTM.mjs} +3 -3
  17. package/dist/{chunk-WIZDHK4O.mjs → chunk-QKRCC26D.mjs} +63 -55
  18. package/dist/{chunk-UPPNTDNG.mjs → chunk-RJPBLIEF.mjs} +1 -1
  19. package/dist/{chunk-F7PC2JAF.mjs → chunk-SS6EG5JO.mjs} +1 -1
  20. package/dist/{chunk-CF7LIQF6.mjs → chunk-U33MTXQX.mjs} +56 -22
  21. package/dist/{chunk-63KZGR73.mjs → chunk-UA24L44Z.mjs} +34 -26
  22. package/dist/{chunk-KIN2UK2C.mjs → chunk-VB5NKWJG.mjs} +1 -1
  23. package/dist/{chunk-PMSUPDDW.mjs → chunk-YLHOBT6S.mjs} +1 -1
  24. package/dist/{chunk-676Y7NKV.mjs → chunk-YUS5SELP.mjs} +1 -1
  25. package/dist/components/avatar/avatar.js +28 -28
  26. package/dist/components/avatar/avatar.mjs +2 -2
  27. package/dist/components/avatar/index.js +28 -28
  28. package/dist/components/avatar/index.mjs +2 -2
  29. package/dist/components/breadcrumb/breadcrumb.js +29 -29
  30. package/dist/components/breadcrumb/breadcrumb.mjs +5 -5
  31. package/dist/components/breadcrumb/index.js +29 -29
  32. package/dist/components/breadcrumb/index.mjs +5 -5
  33. package/dist/components/button/button.js +28 -28
  34. package/dist/components/button/button.mjs +3 -3
  35. package/dist/components/button/icon-button.js +28 -28
  36. package/dist/components/button/icon-button.mjs +3 -3
  37. package/dist/components/button/index.js +28 -28
  38. package/dist/components/button/index.mjs +4 -4
  39. package/dist/components/charts/areaChart.js +63 -55
  40. package/dist/components/charts/areaChart.mjs +1 -1
  41. package/dist/components/charts/barChart.d.mts +14 -4
  42. package/dist/components/charts/barChart.d.ts +14 -4
  43. package/dist/components/charts/barChart.js +55 -21
  44. package/dist/components/charts/barChart.mjs +1 -1
  45. package/dist/components/charts/circularProgress.js +1 -1
  46. package/dist/components/charts/circularProgress.mjs +1 -1
  47. package/dist/components/charts/index.js +153 -103
  48. package/dist/components/charts/index.mjs +4 -4
  49. package/dist/components/charts/radarChart.js +34 -26
  50. package/dist/components/charts/radarChart.mjs +1 -1
  51. package/dist/components/chip/chip.js +28 -28
  52. package/dist/components/chip/chip.mjs +3 -3
  53. package/dist/components/chip/index.js +28 -28
  54. package/dist/components/chip/index.mjs +3 -3
  55. package/dist/components/fileUpload/fileUpload.js +28 -28
  56. package/dist/components/fileUpload/fileUpload.mjs +6 -6
  57. package/dist/components/fileUpload/index.js +28 -28
  58. package/dist/components/fileUpload/index.mjs +6 -6
  59. package/dist/components/icon/Icon.d.mts +8 -8
  60. package/dist/components/icon/Icon.d.ts +8 -8
  61. package/dist/components/icon/Icon.js +28 -28
  62. package/dist/components/icon/Icon.mjs +2 -2
  63. package/dist/components/icon/index.js +28 -28
  64. package/dist/components/icon/index.mjs +2 -2
  65. package/dist/components/icon/template.d.mts +2 -2
  66. package/dist/components/icon/template.d.ts +2 -2
  67. package/dist/components/icon/template.js +28 -28
  68. package/dist/components/icon/template.mjs +1 -1
  69. package/dist/components/input/index.js +28 -28
  70. package/dist/components/input/index.mjs +3 -3
  71. package/dist/components/input/input.js +28 -28
  72. package/dist/components/input/input.mjs +3 -3
  73. package/dist/components/list/index.js +28 -28
  74. package/dist/components/list/index.mjs +4 -4
  75. package/dist/components/list/listItem.js +28 -28
  76. package/dist/components/list/listItem.mjs +4 -4
  77. package/dist/components/modal/index.js +28 -28
  78. package/dist/components/modal/index.mjs +5 -5
  79. package/dist/components/modal/modal.js +28 -28
  80. package/dist/components/modal/modal.mjs +5 -5
  81. package/dist/components/pagination/index.js +28 -28
  82. package/dist/components/pagination/index.mjs +4 -4
  83. package/dist/components/pagination/pagination.js +28 -28
  84. package/dist/components/pagination/pagination.mjs +4 -4
  85. package/dist/components/picker/datePicker.js +28 -28
  86. package/dist/components/picker/datePicker.mjs +6 -6
  87. package/dist/components/picker/index.js +28 -28
  88. package/dist/components/picker/index.mjs +8 -8
  89. package/dist/components/picker/timePicker.js +28 -28
  90. package/dist/components/picker/timePicker.mjs +4 -4
  91. package/dist/components/select/index.js +28 -28
  92. package/dist/components/select/index.mjs +3 -3
  93. package/dist/components/select/select.js +28 -28
  94. package/dist/components/select/select.mjs +3 -3
  95. package/dist/components/table/index.js +28 -28
  96. package/dist/components/table/index.mjs +5 -5
  97. package/dist/components/table/table-body.js +28 -28
  98. package/dist/components/table/table-body.mjs +5 -5
  99. package/dist/components/table/table-head.js +28 -28
  100. package/dist/components/table/table-head.mjs +5 -5
  101. package/dist/components/table/table.js +28 -28
  102. package/dist/components/table/table.mjs +5 -5
  103. package/dist/components/toast/index.js +28 -28
  104. package/dist/components/toast/index.mjs +4 -4
  105. package/dist/components/toast/toast.js +28 -28
  106. package/dist/components/toast/toast.mjs +3 -3
  107. package/dist/components/toast/use-toast.js +28 -28
  108. package/dist/components/toast/use-toast.mjs +4 -4
  109. package/dist/components/tree/index.js +28 -28
  110. package/dist/components/tree/index.mjs +3 -3
  111. package/dist/components/tree/tree.js +28 -28
  112. package/dist/components/tree/tree.mjs +3 -3
  113. package/dist/index.js +182 -132
  114. package/dist/index.mjs +27 -27
  115. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -2371,6 +2371,34 @@ var template = {
2371
2371
  }
2372
2372
  );
2373
2373
  },
2374
+ "brace-left": ({ className }) => {
2375
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
2376
+ "svg",
2377
+ {
2378
+ xmlns: "http://www.w3.org/2000/svg",
2379
+ width: "18",
2380
+ height: "18",
2381
+ viewBox: "0 0 18 18",
2382
+ fill: "none",
2383
+ className,
2384
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M11.5 14L6.5 9L11.5 4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
2385
+ }
2386
+ );
2387
+ },
2388
+ "brace-right": ({ className }) => {
2389
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
2390
+ "svg",
2391
+ {
2392
+ xmlns: "http://www.w3.org/2000/svg",
2393
+ width: "18",
2394
+ height: "18",
2395
+ viewBox: "0 0 18 18",
2396
+ fill: "none",
2397
+ className,
2398
+ children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M6.5 4L11.5 9L6.5 14", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
2399
+ }
2400
+ );
2401
+ },
2374
2402
  // ----------------------------------- old ---------------------------------
2375
2403
  // ** Status **
2376
2404
  check: ({ className, fill }) => {
@@ -4990,34 +5018,6 @@ var template = {
4990
5018
  }
4991
5019
  );
4992
5020
  },
4993
- "brace-left": ({ className, fill }) => {
4994
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
4995
- "svg",
4996
- {
4997
- width: "24",
4998
- height: "24",
4999
- viewBox: "0 0 24 24",
5000
- fill: "none",
5001
- xmlns: "http://www.w3.org/2000/svg",
5002
- className,
5003
- children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M15.75 19.5L8.25 12L15.75 4.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
5004
- }
5005
- );
5006
- },
5007
- "brace-right": ({ className, fill }) => {
5008
- return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
5009
- "svg",
5010
- {
5011
- width: "24",
5012
- height: "24",
5013
- viewBox: "0 0 24 24",
5014
- fill: "none",
5015
- xmlns: "http://www.w3.org/2000/svg",
5016
- className,
5017
- children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M8.25 4.5L15.75 12L8.25 19.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
5018
- }
5019
- );
5020
- },
5021
5021
  "brace-double-up": ({ className, fill }) => {
5022
5022
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
5023
5023
  "svg",
@@ -6895,7 +6895,7 @@ var Breadcrumb = (0, import_react10.forwardRef)(({ startIconName, size, menus, c
6895
6895
  "aria-current": isLast ? "page" : void 0,
6896
6896
  children: [
6897
6897
  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BreadcrumbMenu, { label: menu.label, onClick: menu.onClick, isCurrent: isLast, size }),
6898
- !isLast && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon_default, { name: "right", className: slots.separator() })
6898
+ !isLast && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon_default, { name: "brace-right", className: slots.separator() })
6899
6899
  ]
6900
6900
  },
6901
6901
  `${menu.label}-${index}`
@@ -12078,7 +12078,7 @@ CircularProgress.displayName = "CircularProgress";
12078
12078
  var circularProgress_default = CircularProgress;
12079
12079
  var circularProgressStyle = tv({
12080
12080
  slots: {
12081
- base: ["flex", "flex-col", "items-center", "gap-[20px]"],
12081
+ base: ["flex", "flex-col", "items-center", "gap-[20px]", "select-none"],
12082
12082
  background: ["fill-body-background", "border-neutral-light"],
12083
12083
  progress: ["transition-all", "duration-1000 ease-out"],
12084
12084
  percentage: ["text-xl", "font-bold", "text-body-foreground"],
@@ -12159,67 +12159,75 @@ var AreaChartComponent = (0, import_react39.forwardRef)((originalProps, ref) =>
12159
12159
  };
12160
12160
  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
12161
12161
  label && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
12162
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_recharts2.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_recharts2.AreaChart, { data, margin: { left: -30 }, children: [
12163
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
12164
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
12165
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
12166
- ] }) }),
12167
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12168
- import_recharts2.CartesianGrid,
12169
- {
12170
- vertical: true,
12171
- horizontal: false,
12172
- strokeDasharray: "3 3",
12173
- className: "stroke-neutral-light",
12174
- verticalPoints: tickPositions
12175
- }
12176
- ),
12177
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12178
- import_recharts2.XAxis,
12179
- {
12180
- dataKey: "name",
12181
- axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
12182
- tickLine: false,
12183
- tick: CustomTick,
12184
- padding: { left: 35.5, right: 35.5 }
12185
- }
12186
- ),
12187
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12188
- import_recharts2.YAxis,
12189
- {
12190
- axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
12191
- tickLine: false,
12192
- tick: {
12193
- fontSize: 12,
12194
- fontWeight: 700,
12195
- fill: "text-body-foreground",
12196
- textAnchor: "middle",
12197
- dx: -10
12198
- },
12199
- ticks: [0, 20, 40, 60, 80, 100],
12200
- domain: [-6, 110]
12201
- }
12202
- ),
12203
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12204
- import_recharts2.Area,
12205
- {
12206
- type: "monotone",
12207
- dataKey: "value",
12208
- stroke: colorHex,
12209
- strokeWidth: 2,
12210
- fill: `url(#colorGradient-${uniqueId})`,
12211
- dot: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
12212
- activeDot: { r: 7, fill: colorHex }
12213
- }
12214
- )
12215
- ] }) })
12162
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_recharts2.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
12163
+ import_recharts2.AreaChart,
12164
+ {
12165
+ data,
12166
+ margin: { left: -30 },
12167
+ className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
12168
+ children: [
12169
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
12170
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
12171
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
12172
+ ] }) }),
12173
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12174
+ import_recharts2.CartesianGrid,
12175
+ {
12176
+ vertical: true,
12177
+ horizontal: false,
12178
+ strokeDasharray: "3 3",
12179
+ className: "stroke-neutral-light",
12180
+ verticalPoints: tickPositions
12181
+ }
12182
+ ),
12183
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12184
+ import_recharts2.XAxis,
12185
+ {
12186
+ dataKey: "name",
12187
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
12188
+ tickLine: false,
12189
+ tick: CustomTick,
12190
+ padding: { left: 35.5, right: 35.5 }
12191
+ }
12192
+ ),
12193
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12194
+ import_recharts2.YAxis,
12195
+ {
12196
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
12197
+ tickLine: false,
12198
+ tick: {
12199
+ fontSize: 12,
12200
+ fontWeight: 700,
12201
+ fill: "text-body-foreground",
12202
+ textAnchor: "middle",
12203
+ dx: -10
12204
+ },
12205
+ ticks: [0, 20, 40, 60, 80, 100],
12206
+ domain: [-6, 110]
12207
+ }
12208
+ ),
12209
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
12210
+ import_recharts2.Area,
12211
+ {
12212
+ type: "monotone",
12213
+ dataKey: "value",
12214
+ stroke: colorHex,
12215
+ strokeWidth: 2,
12216
+ fill: `url(#colorGradient-${uniqueId})`,
12217
+ dot: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
12218
+ activeDot: { r: 7, fill: colorHex }
12219
+ }
12220
+ )
12221
+ ]
12222
+ }
12223
+ ) })
12216
12224
  ] });
12217
12225
  });
12218
12226
  AreaChartComponent.displayName = "AreaChart";
12219
12227
  var areaChart_default = AreaChartComponent;
12220
12228
  var areaChartStyle = tv({
12221
12229
  slots: {
12222
- base: ["flex", "flex-col", "gap-[10px]"],
12230
+ base: ["flex", "flex-col", "gap-[10px]", "select-none"],
12223
12231
  color: [],
12224
12232
  axis: ["text-sm", "font-bold", "text-center", "text-body-foreground"],
12225
12233
  label: ["text-md", "font-bold", "text-body-foreground"]
@@ -12245,13 +12253,16 @@ var import_recharts3 = require("recharts");
12245
12253
  var import_jsx_runtime43 = require("react/jsx-runtime");
12246
12254
  var BarChartComponent = (0, import_react40.forwardRef)((originalProps, ref) => {
12247
12255
  const [props, variantProps] = mapPropsVariants(originalProps, barChartStyle.variantKeys);
12248
- const { data, label, classNames } = { ...props, ...variantProps };
12256
+ const {
12257
+ data,
12258
+ label,
12259
+ classNames,
12260
+ yAxisTicks = [0, 20, 40, 60, 80, 100],
12261
+ yAxisTickFormatter = (value) => `${value}%`,
12262
+ yAxisDomain = [-6, 110],
12263
+ customTooltip
12264
+ } = { ...props, ...variantProps };
12249
12265
  const slots = (0, import_react40.useMemo)(() => barChartStyle({ ...variantProps }), [variantProps]);
12250
- const COLOR_MAP = {
12251
- primary: "#C7E5FA",
12252
- secondary: "#92DCB2",
12253
- warning: "#DEC1FA"
12254
- };
12255
12266
  const [tickPositions, setTickPositions] = (0, import_react40.useState)([]);
12256
12267
  const tickRef = (0, import_react40.useRef)([]);
12257
12268
  const CustomBarShape = (barProps) => {
@@ -12287,6 +12298,28 @@ var BarChartComponent = (0, import_react40.forwardRef)((originalProps, ref) => {
12287
12298
  }
12288
12299
  );
12289
12300
  };
12301
+ const CustomYAxisTick = ({ x, y, payload }) => {
12302
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12303
+ "text",
12304
+ {
12305
+ x: x - 10,
12306
+ y,
12307
+ textAnchor: "middle",
12308
+ fontSize: 12,
12309
+ fontWeight: 700,
12310
+ fill: "currentColor",
12311
+ className: "text-body-foreground",
12312
+ dy: 4,
12313
+ children: yAxisTickFormatter(payload.value)
12314
+ }
12315
+ );
12316
+ };
12317
+ const CustomTooltip = ({ active, payload, label: label2 }) => {
12318
+ if (customTooltip && active && payload && payload.length) {
12319
+ return customTooltip({ active, payload, label: label2 });
12320
+ }
12321
+ return null;
12322
+ };
12290
12323
  (0, import_react40.useEffect)(() => {
12291
12324
  const raf = requestAnimationFrame(() => {
12292
12325
  const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
@@ -12305,11 +12338,25 @@ var BarChartComponent = (0, import_react40.forwardRef)((originalProps, ref) => {
12305
12338
  import_recharts3.BarChart,
12306
12339
  {
12307
12340
  data,
12308
- margin: { left: -30 },
12341
+ margin: { left: -20 },
12309
12342
  barSize: 20,
12310
- barGap: 10,
12343
+ barGap: 20,
12311
12344
  className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
12312
12345
  children: [
12346
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("defs", { children: [
12347
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("linearGradient", { id: "blueGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
12348
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "0%", stopColor: "#DEC1FA" }),
12349
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "100%", stopColor: "#3F9CF2" })
12350
+ ] }),
12351
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("linearGradient", { id: "greenGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
12352
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "0%", stopColor: "#C2E59C" }),
12353
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "100%", stopColor: "#64B3F4" })
12354
+ ] }),
12355
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("linearGradient", { id: "pinkGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
12356
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "0%", stopColor: "#DDD6F3" }),
12357
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "100%", stopColor: "#FAACA8" })
12358
+ ] })
12359
+ ] }),
12313
12360
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12314
12361
  import_recharts3.CartesianGrid,
12315
12362
  {
@@ -12323,7 +12370,7 @@ var BarChartComponent = (0, import_react40.forwardRef)((originalProps, ref) => {
12323
12370
  /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
12324
12371
  import_recharts3.XAxis,
12325
12372
  {
12326
- dataKey: "name",
12373
+ dataKey: "title",
12327
12374
  axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
12328
12375
  tickLine: false,
12329
12376
  tick: CustomTick,
@@ -12335,20 +12382,15 @@ var BarChartComponent = (0, import_react40.forwardRef)((originalProps, ref) => {
12335
12382
  {
12336
12383
  axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
12337
12384
  tickLine: false,
12338
- tick: {
12339
- fontSize: 12,
12340
- fontWeight: 700,
12341
- fill: "text-body-foreground",
12342
- textAnchor: "middle",
12343
- dx: -10
12344
- },
12345
- ticks: [0, 20, 40, 60, 80, 100],
12346
- domain: [-6, 110]
12385
+ tick: CustomYAxisTick,
12386
+ ticks: yAxisTicks,
12387
+ domain: yAxisDomain
12347
12388
  }
12348
12389
  ),
12349
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_recharts3.Bar, { dataKey: "avg", fill: COLOR_MAP.primary, width: 20, shape: CustomBarShape }),
12350
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_recharts3.Bar, { dataKey: "high", fill: COLOR_MAP.secondary, width: 20, shape: CustomBarShape }),
12351
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_recharts3.Bar, { dataKey: "low", fill: COLOR_MAP.warning, width: 20, shape: CustomBarShape })
12390
+ customTooltip && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_recharts3.Tooltip, { content: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(CustomTooltip, {}), cursor: { fill: "transparent" } }),
12391
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_recharts3.Bar, { dataKey: "blue", fill: "url(#blueGradient)", width: 20, shape: CustomBarShape }),
12392
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_recharts3.Bar, { dataKey: "green", fill: "url(#greenGradient)", width: 20, shape: CustomBarShape }),
12393
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_recharts3.Bar, { dataKey: "pink", fill: "url(#pinkGradient)", width: 20, shape: CustomBarShape })
12352
12394
  ]
12353
12395
  }
12354
12396
  ) })
@@ -12380,31 +12422,39 @@ var RadarChart = (0, import_react41.forwardRef)((originalProps, ref) => {
12380
12422
  return Math.max(...data.map((item) => item.fullMark || 100));
12381
12423
  }, [data]);
12382
12424
  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
12383
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_recharts4.ResponsiveContainer, { width: 580, height: 330, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_recharts4.RadarChart, { data, outerRadius: "80%", children: [
12384
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_recharts4.PolarGrid, { stroke: "#DFE2E7", strokeWidth: 1.75 }),
12385
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12386
- import_recharts4.PolarAngleAxis,
12387
- {
12388
- dataKey: "name",
12389
- tick: { fill: "#333", fontSize: 12, fontWeight: "bold" },
12390
- tickFormatter: (value) => value,
12391
- tickSize: 15
12392
- }
12393
- ),
12394
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_recharts4.PolarRadiusAxis, { domain: [0, maxFullMark], tick: false, tickCount: 6, axisLine: false }),
12395
- /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12396
- import_recharts4.Radar,
12397
- {
12398
- name: label,
12399
- dataKey: "value",
12400
- stroke: "#3F9CF2",
12401
- fill: "#C7E5FA",
12402
- strokeWidth: 1.75,
12403
- dot: false,
12404
- activeDot: false
12405
- }
12406
- )
12407
- ] }) }),
12425
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_recharts4.ResponsiveContainer, { width: 580, height: 330, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
12426
+ import_recharts4.RadarChart,
12427
+ {
12428
+ data,
12429
+ outerRadius: "80%",
12430
+ className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
12431
+ children: [
12432
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_recharts4.PolarGrid, { stroke: "#DFE2E7", strokeWidth: 1.75 }),
12433
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12434
+ import_recharts4.PolarAngleAxis,
12435
+ {
12436
+ dataKey: "name",
12437
+ tick: { fill: "#333", fontSize: 12, fontWeight: "bold" },
12438
+ tickFormatter: (value) => value,
12439
+ tickSize: 15
12440
+ }
12441
+ ),
12442
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_recharts4.PolarRadiusAxis, { domain: [0, maxFullMark], tick: false, tickCount: 6, axisLine: false }),
12443
+ /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
12444
+ import_recharts4.Radar,
12445
+ {
12446
+ name: label,
12447
+ dataKey: "value",
12448
+ stroke: "#3F9CF2",
12449
+ fill: "#EFF8FF",
12450
+ strokeWidth: 1.75,
12451
+ dot: false,
12452
+ activeDot: false
12453
+ }
12454
+ )
12455
+ ]
12456
+ }
12457
+ ) }),
12408
12458
  label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label })
12409
12459
  ] });
12410
12460
  });
@@ -12412,7 +12462,7 @@ RadarChart.displayName = "RadarChart";
12412
12462
  var radarChart_default = RadarChart;
12413
12463
  var radarChartStyle = tv({
12414
12464
  slots: {
12415
- base: ["flex", "flex-col", "items-center", "gap-[10px]"],
12465
+ base: ["flex", "flex-col", "items-center", "gap-[10px]", "select-none"],
12416
12466
  label: ["text-sm", "font-bold", "text-left", "text-body-foreground"]
12417
12467
  },
12418
12468
  variants: {},
package/dist/index.mjs CHANGED
@@ -2,16 +2,16 @@
2
2
  import "./chunk-MBLZYQCN.mjs";
3
3
  import {
4
4
  tree_default
5
- } from "./chunk-PMSUPDDW.mjs";
5
+ } from "./chunk-YLHOBT6S.mjs";
6
6
  import "./chunk-LUWGOKLG.mjs";
7
7
  import {
8
8
  ToastProvider,
9
9
  useToast
10
- } from "./chunk-MG5E5YZ7.mjs";
10
+ } from "./chunk-NMZFSNPE.mjs";
11
11
  import "./chunk-ZOTHPHXA.mjs";
12
12
  import {
13
13
  toast_default
14
- } from "./chunk-TRNL3IXF.mjs";
14
+ } from "./chunk-OBMO6LRA.mjs";
15
15
  import "./chunk-HIE2YRGA.mjs";
16
16
  import {
17
17
  tooltip_default
@@ -21,7 +21,7 @@ import "./chunk-WSIADHVC.mjs";
21
21
  import "./chunk-DX3KXNP6.mjs";
22
22
  import {
23
23
  table_default
24
- } from "./chunk-TO6OPRBH.mjs";
24
+ } from "./chunk-IJS5AWD2.mjs";
25
25
  import "./chunk-3MY6LO7N.mjs";
26
26
  import {
27
27
  tabs_default
@@ -52,22 +52,22 @@ import {
52
52
  import "./chunk-7B7LRG5J.mjs";
53
53
  import {
54
54
  pagination_default
55
- } from "./chunk-3ZH6PWFC.mjs";
55
+ } from "./chunk-BBQNVDIA.mjs";
56
56
  import "./chunk-F3HENRVM.mjs";
57
57
  import "./chunk-4VWG4726.mjs";
58
58
  import {
59
59
  datePicker_default
60
- } from "./chunk-LIHZG4KM.mjs";
60
+ } from "./chunk-NITERGU5.mjs";
61
61
  import {
62
62
  day_default
63
63
  } from "./chunk-4DESGO3D.mjs";
64
64
  import {
65
65
  timePicker_default
66
- } from "./chunk-6VNOOJDQ.mjs";
66
+ } from "./chunk-MHZ4BO5M.mjs";
67
67
  import "./chunk-QCEKPS7U.mjs";
68
68
  import {
69
69
  select_default
70
- } from "./chunk-RSD67ORA.mjs";
70
+ } from "./chunk-MIVGSJFF.mjs";
71
71
  import "./chunk-FWFEKWWD.mjs";
72
72
  import "./chunk-7MVEAQ7Z.mjs";
73
73
  import {
@@ -75,15 +75,15 @@ import {
75
75
  } from "./chunk-3IILPVRA.mjs";
76
76
  import {
77
77
  listItem_default
78
- } from "./chunk-PHWTRXOL.mjs";
78
+ } from "./chunk-KCOS2KC6.mjs";
79
79
  import "./chunk-DJOG6Z35.mjs";
80
80
  import {
81
81
  modal_default
82
- } from "./chunk-HD2PTCE6.mjs";
82
+ } from "./chunk-27WK5334.mjs";
83
83
  import "./chunk-MGEWSREV.mjs";
84
84
  import {
85
85
  chip_default
86
- } from "./chunk-676Y7NKV.mjs";
86
+ } from "./chunk-YUS5SELP.mjs";
87
87
  import "./chunk-32GA3YW4.mjs";
88
88
  import {
89
89
  drawer_default
@@ -91,7 +91,7 @@ import {
91
91
  import "./chunk-RLXOHILK.mjs";
92
92
  import {
93
93
  fileUpload_default
94
- } from "./chunk-CUCLHYCE.mjs";
94
+ } from "./chunk-Q5634WTM.mjs";
95
95
  import "./chunk-7VOQKIIK.mjs";
96
96
  import {
97
97
  progress_default
@@ -99,24 +99,24 @@ import {
99
99
  import "./chunk-2GCSFWHD.mjs";
100
100
  import {
101
101
  input_default
102
- } from "./chunk-ER3SUAE2.mjs";
103
- import "./chunk-QZ3LVYJW.mjs";
104
- import {
105
- checkbox_default
106
- } from "./chunk-H6JGLPPF.mjs";
102
+ } from "./chunk-CMMVXFHD.mjs";
107
103
  import "./chunk-VYNBJBXD.mjs";
108
104
  import {
109
105
  areaChart_default
110
- } from "./chunk-WIZDHK4O.mjs";
106
+ } from "./chunk-QKRCC26D.mjs";
111
107
  import {
112
108
  barChart_default
113
- } from "./chunk-CF7LIQF6.mjs";
109
+ } from "./chunk-U33MTXQX.mjs";
114
110
  import {
115
111
  circularProgress_default
116
- } from "./chunk-KIN2UK2C.mjs";
112
+ } from "./chunk-VB5NKWJG.mjs";
117
113
  import {
118
114
  radarChart_default
119
- } from "./chunk-63KZGR73.mjs";
115
+ } from "./chunk-UA24L44Z.mjs";
116
+ import "./chunk-QZ3LVYJW.mjs";
117
+ import {
118
+ checkbox_default
119
+ } from "./chunk-H6JGLPPF.mjs";
120
120
  import "./chunk-SE5TU755.mjs";
121
121
  import {
122
122
  backdrop_default
@@ -124,7 +124,7 @@ import {
124
124
  import "./chunk-KYIODWXL.mjs";
125
125
  import {
126
126
  breadcrumb_default
127
- } from "./chunk-VPGJ4HZ7.mjs";
127
+ } from "./chunk-EXUHHLSA.mjs";
128
128
  import "./chunk-MY5U63QO.mjs";
129
129
  import {
130
130
  text_button_default
@@ -134,10 +134,10 @@ import {
134
134
  } from "./chunk-ITWKPTSD.mjs";
135
135
  import {
136
136
  button_default
137
- } from "./chunk-F7PC2JAF.mjs";
137
+ } from "./chunk-SS6EG5JO.mjs";
138
138
  import {
139
139
  icon_button_default
140
- } from "./chunk-LZRBMVT7.mjs";
140
+ } from "./chunk-NV5Z6ZUO.mjs";
141
141
  import "./chunk-6WSACUIB.mjs";
142
142
  import "./chunk-LXHUO6VM.mjs";
143
143
  import "./chunk-SZL743JC.mjs";
@@ -145,7 +145,7 @@ import "./chunk-ZYIIXWVY.mjs";
145
145
  import {
146
146
  Icon_default,
147
147
  iconTemplate
148
- } from "./chunk-HLYTCS7L.mjs";
148
+ } from "./chunk-EM2NIGNZ.mjs";
149
149
  import "./chunk-NMSDSEBD.mjs";
150
150
  import {
151
151
  accordion_default
@@ -157,8 +157,8 @@ import "./chunk-E3G5QXSH.mjs";
157
157
  import "./chunk-7DLOYKVC.mjs";
158
158
  import {
159
159
  avatar_default
160
- } from "./chunk-UPPNTDNG.mjs";
161
- import "./chunk-LCWEO4U6.mjs";
160
+ } from "./chunk-RJPBLIEF.mjs";
161
+ import "./chunk-CTWYY7Z2.mjs";
162
162
  import {
163
163
  deepnoidUi,
164
164
  tv
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deepnoid/ui",
3
- "version": "0.1.117",
3
+ "version": "0.1.119",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "exports": {