@deepnoid/ui 0.1.180 → 0.1.182

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 (85) hide show
  1. package/.turbo/turbo-build.log +161 -161
  2. package/dist/{chunk-ROXKJQSJ.mjs → chunk-6NO7GQHG.mjs} +3 -3
  3. package/dist/{chunk-GWHUQUKA.mjs → chunk-6WD32ERF.mjs} +93 -79
  4. package/dist/{chunk-ADU7DFVK.mjs → chunk-GPJVGQ5W.mjs} +8 -2
  5. package/dist/{chunk-RMZ3ZIP7.mjs → chunk-KDBM7UVG.mjs} +3 -3
  6. package/dist/{chunk-SAWYH3JL.mjs → chunk-M5ZLURXE.mjs} +4 -4
  7. package/dist/{chunk-2H5EBNCD.mjs → chunk-SX2FQY4L.mjs} +4 -4
  8. package/dist/{chunk-MU6QDNYC.mjs → chunk-W67QZ4OB.mjs} +1 -1
  9. package/dist/chunk-WKTRWHDA.mjs +264 -0
  10. package/dist/{chunk-7C7RHDHV.mjs → chunk-XZTVXEOD.mjs} +4 -4
  11. package/dist/{chunk-5S4NCYZF.mjs → chunk-YTW5HJJH.mjs} +6 -6
  12. package/dist/components/backdrop/backdrop.mjs +2 -2
  13. package/dist/components/backdrop/index.mjs +2 -2
  14. package/dist/components/breadcrumb/breadcrumb.mjs +4 -4
  15. package/dist/components/breadcrumb/index.mjs +4 -4
  16. package/dist/components/button/button.mjs +1 -1
  17. package/dist/components/button/icon-button.mjs +1 -1
  18. package/dist/components/button/index.mjs +5 -5
  19. package/dist/components/button/text-button.mjs +2 -2
  20. package/dist/components/charts/areaChart.mjs +1 -1
  21. package/dist/components/charts/barChart.js +125 -111
  22. package/dist/components/charts/barChart.mjs +1 -1
  23. package/dist/components/charts/index.js +218 -190
  24. package/dist/components/charts/index.mjs +3 -3
  25. package/dist/components/charts/simpleBarChart.js +93 -79
  26. package/dist/components/charts/simpleBarChart.mjs +1 -1
  27. package/dist/components/checkbox/checkbox.mjs +2 -2
  28. package/dist/components/checkbox/index.mjs +2 -2
  29. package/dist/components/chip/chip.mjs +1 -1
  30. package/dist/components/chip/index.mjs +1 -1
  31. package/dist/components/drawer/drawer.mjs +2 -2
  32. package/dist/components/drawer/index.mjs +2 -2
  33. package/dist/components/fileUpload/fileUpload.js +6 -0
  34. package/dist/components/fileUpload/fileUpload.mjs +6 -6
  35. package/dist/components/fileUpload/index.js +6 -0
  36. package/dist/components/fileUpload/index.mjs +6 -6
  37. package/dist/components/input/index.mjs +3 -3
  38. package/dist/components/input/input.mjs +3 -3
  39. package/dist/components/list/index.mjs +2 -2
  40. package/dist/components/list/listItem.mjs +2 -2
  41. package/dist/components/modal/index.mjs +5 -5
  42. package/dist/components/modal/modal.mjs +5 -5
  43. package/dist/components/pagination/index.mjs +4 -4
  44. package/dist/components/pagination/pagination.mjs +4 -4
  45. package/dist/components/picker/datePicker.mjs +5 -5
  46. package/dist/components/picker/index.mjs +7 -7
  47. package/dist/components/picker/timePicker.mjs +4 -4
  48. package/dist/components/progress/index.mjs +2 -2
  49. package/dist/components/progress/progress.mjs +2 -2
  50. package/dist/components/radio/index.mjs +2 -2
  51. package/dist/components/radio/radio.mjs +2 -2
  52. package/dist/components/select/index.mjs +3 -3
  53. package/dist/components/select/select.mjs +3 -3
  54. package/dist/components/starRating/index.mjs +1 -1
  55. package/dist/components/starRating/starRating.mjs +1 -1
  56. package/dist/components/table/definition-table.mjs +2 -2
  57. package/dist/components/table/index.mjs +7 -7
  58. package/dist/components/table/table-body.mjs +6 -6
  59. package/dist/components/table/table-head.mjs +6 -6
  60. package/dist/components/table/table.mjs +6 -6
  61. package/dist/components/textarea/index.mjs +2 -2
  62. package/dist/components/textarea/textarea.mjs +2 -2
  63. package/dist/components/timePicker/calendar.mjs +1 -1
  64. package/dist/components/toast/index.mjs +5 -5
  65. package/dist/components/toast/toast.mjs +3 -3
  66. package/dist/components/toast/use-toast.mjs +4 -4
  67. package/dist/components/tree/index.mjs +2 -2
  68. package/dist/components/tree/tree.mjs +2 -2
  69. package/dist/index.js +224 -190
  70. package/dist/index.mjs +44 -44
  71. package/package.json +1 -1
  72. package/dist/chunk-JOK735WN.mjs +0 -250
  73. package/dist/{chunk-OEIEALIP.mjs → chunk-3DCUMRYP.mjs} +3 -3
  74. package/dist/{chunk-3CRSSRCH.mjs → chunk-3HXNAVAN.mjs} +3 -3
  75. package/dist/{chunk-IH3BJRTV.mjs → chunk-4X35QQTI.mjs} +3 -3
  76. package/dist/{chunk-RXDRG6MC.mjs → chunk-7H6U5XJA.mjs} +3 -3
  77. package/dist/{chunk-KH63CD55.mjs → chunk-ACZ3DQVT.mjs} +3 -3
  78. package/dist/{chunk-DS5CGU2X.mjs → chunk-BH3I4LIZ.mjs} +3 -3
  79. package/dist/{chunk-GS5X67UB.mjs → chunk-GVTYOGSV.mjs} +3 -3
  80. package/dist/{chunk-4EELFA6L.mjs → chunk-LE7PGMCV.mjs} +3 -3
  81. package/dist/{chunk-4LUASWAN.mjs → chunk-NDNIAALB.mjs} +3 -3
  82. package/dist/{chunk-MWUA62VL.mjs → chunk-NKF2TQMA.mjs} +3 -3
  83. package/dist/{chunk-A3WPBLOW.mjs → chunk-UINFH5AT.mjs} +3 -3
  84. package/dist/{chunk-PRNE3U26.mjs → chunk-XL6LZDT4.mjs} +3 -3
  85. package/dist/{chunk-45Y7ANPK.mjs → chunk-ZFC5O2V3.mjs} +3 -3
@@ -1,8 +1,9 @@
1
1
  "use client";
2
2
  import {
3
3
  breadcrumb_default
4
- } from "../../chunk-RMZ3ZIP7.mjs";
4
+ } from "../../chunk-KDBM7UVG.mjs";
5
5
  import "../../chunk-MY5U63QO.mjs";
6
+ import "../../chunk-NDNIAALB.mjs";
6
7
  import "../../chunk-5VTYO3RF.mjs";
7
8
  import "../../chunk-SRCCJ4CV.mjs";
8
9
  import "../../chunk-YCU6NNLR.mjs";
@@ -11,11 +12,10 @@ import "../../chunk-LXHUO6VM.mjs";
11
12
  import "../../chunk-SZL743JC.mjs";
12
13
  import "../../chunk-ZYIIXWVY.mjs";
13
14
  import "../../chunk-B4YBLIBE.mjs";
14
- import "../../chunk-4LUASWAN.mjs";
15
- import "../../chunk-E3G5QXSH.mjs";
16
15
  import "../../chunk-R54J7VHL.mjs";
17
- import "../../chunk-U4DJHAM5.mjs";
18
16
  import "../../chunk-27Y6K5NK.mjs";
17
+ import "../../chunk-E3G5QXSH.mjs";
18
+ import "../../chunk-U4DJHAM5.mjs";
19
19
  import "../../chunk-AC6TWLRT.mjs";
20
20
  export {
21
21
  breadcrumb_default as default
@@ -2,8 +2,9 @@
2
2
  import "../../chunk-KYIODWXL.mjs";
3
3
  import {
4
4
  breadcrumb_default
5
- } from "../../chunk-RMZ3ZIP7.mjs";
5
+ } from "../../chunk-KDBM7UVG.mjs";
6
6
  import "../../chunk-MY5U63QO.mjs";
7
+ import "../../chunk-NDNIAALB.mjs";
7
8
  import "../../chunk-5VTYO3RF.mjs";
8
9
  import "../../chunk-SRCCJ4CV.mjs";
9
10
  import "../../chunk-YCU6NNLR.mjs";
@@ -12,11 +13,10 @@ import "../../chunk-LXHUO6VM.mjs";
12
13
  import "../../chunk-SZL743JC.mjs";
13
14
  import "../../chunk-ZYIIXWVY.mjs";
14
15
  import "../../chunk-B4YBLIBE.mjs";
15
- import "../../chunk-4LUASWAN.mjs";
16
- import "../../chunk-E3G5QXSH.mjs";
17
16
  import "../../chunk-R54J7VHL.mjs";
18
- import "../../chunk-U4DJHAM5.mjs";
19
17
  import "../../chunk-27Y6K5NK.mjs";
18
+ import "../../chunk-E3G5QXSH.mjs";
19
+ import "../../chunk-U4DJHAM5.mjs";
20
20
  import "../../chunk-AC6TWLRT.mjs";
21
21
  export {
22
22
  breadcrumb_default as Breadcrumb
@@ -7,8 +7,8 @@ import "../../chunk-LXHUO6VM.mjs";
7
7
  import "../../chunk-SZL743JC.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-B4YBLIBE.mjs";
10
- import "../../chunk-E3G5QXSH.mjs";
11
10
  import "../../chunk-R54J7VHL.mjs";
11
+ import "../../chunk-E3G5QXSH.mjs";
12
12
  import "../../chunk-U4DJHAM5.mjs";
13
13
  import "../../chunk-AC6TWLRT.mjs";
14
14
  export {
@@ -7,8 +7,8 @@ import "../../chunk-LXHUO6VM.mjs";
7
7
  import "../../chunk-SZL743JC.mjs";
8
8
  import "../../chunk-ZYIIXWVY.mjs";
9
9
  import "../../chunk-B4YBLIBE.mjs";
10
- import "../../chunk-E3G5QXSH.mjs";
11
10
  import "../../chunk-R54J7VHL.mjs";
11
+ import "../../chunk-E3G5QXSH.mjs";
12
12
  import "../../chunk-U4DJHAM5.mjs";
13
13
  import "../../chunk-AC6TWLRT.mjs";
14
14
  export {
@@ -1,5 +1,8 @@
1
1
  "use client";
2
2
  import "../../chunk-MY5U63QO.mjs";
3
+ import {
4
+ text_button_default
5
+ } from "../../chunk-NDNIAALB.mjs";
3
6
  import {
4
7
  button_group_default
5
8
  } from "../../chunk-5VTYO3RF.mjs";
@@ -14,13 +17,10 @@ import "../../chunk-LXHUO6VM.mjs";
14
17
  import "../../chunk-SZL743JC.mjs";
15
18
  import "../../chunk-ZYIIXWVY.mjs";
16
19
  import "../../chunk-B4YBLIBE.mjs";
17
- import {
18
- text_button_default
19
- } from "../../chunk-4LUASWAN.mjs";
20
- import "../../chunk-E3G5QXSH.mjs";
21
20
  import "../../chunk-R54J7VHL.mjs";
22
- import "../../chunk-U4DJHAM5.mjs";
23
21
  import "../../chunk-27Y6K5NK.mjs";
22
+ import "../../chunk-E3G5QXSH.mjs";
23
+ import "../../chunk-U4DJHAM5.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-4LUASWAN.mjs";
4
+ } from "../../chunk-NDNIAALB.mjs";
5
+ import "../../chunk-27Y6K5NK.mjs";
5
6
  import "../../chunk-E3G5QXSH.mjs";
6
7
  import "../../chunk-U4DJHAM5.mjs";
7
- import "../../chunk-27Y6K5NK.mjs";
8
8
  import "../../chunk-AC6TWLRT.mjs";
9
9
  export {
10
10
  text_button_default as default
@@ -4,9 +4,9 @@ import {
4
4
  } from "../../chunk-LH6Z7SDZ.mjs";
5
5
  import "../../chunk-DQRAFUDA.mjs";
6
6
  import "../../chunk-EWS3FESG.mjs";
7
+ import "../../chunk-27Y6K5NK.mjs";
7
8
  import "../../chunk-E3G5QXSH.mjs";
8
9
  import "../../chunk-U4DJHAM5.mjs";
9
- import "../../chunk-27Y6K5NK.mjs";
10
10
  import "../../chunk-AC6TWLRT.mjs";
11
11
  export {
12
12
  areaChart_default as default
@@ -402,8 +402,8 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
402
402
  const { payload, x, y } = e;
403
403
  if (!payload || !payload[dataKey]) return;
404
404
  setTooltipState({
405
- x,
406
- y,
405
+ barX: x,
406
+ barY: y - 10,
407
407
  value: payload[dataKey],
408
408
  dataKey,
409
409
  label: payload.title
@@ -474,7 +474,7 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
474
474
  const tooltipRect = tooltipRef.current.getBoundingClientRect();
475
475
  const chartWidth = chartRect.width;
476
476
  const tooltipWidth = tooltipRect.width;
477
- let left = tooltipState.x - tooltipWidth / 2;
477
+ let left = tooltipState.barX - tooltipWidth / 2;
478
478
  const padding2 = 8;
479
479
  if (left < padding2) {
480
480
  left = padding2;
@@ -483,114 +483,128 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
483
483
  }
484
484
  setTooltipLeft(left);
485
485
  }, [tooltipState]);
486
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: chartRef, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: [
487
- label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
488
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
489
- import_recharts.BarChart,
490
- {
491
- data,
492
- margin: { left: -20 },
493
- barSize: 20,
494
- barGap,
495
- className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
496
- children: [
497
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
498
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "blueGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
499
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: "#DEC1FA" }),
500
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: "#3F9CF2" })
501
- ] }),
502
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "greenGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
503
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: "#C2E59C" }),
504
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: "#64B3F4" })
505
- ] }),
506
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "pinkGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
507
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: "#DDD6F3" }),
508
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: "#FAACA8" })
509
- ] })
510
- ] }),
511
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
512
- import_recharts.CartesianGrid,
513
- {
514
- vertical: true,
515
- horizontal: false,
516
- strokeDasharray: "4 4",
517
- className: "stroke-neutral-light",
518
- verticalPoints: tickPositions
519
- }
520
- ),
521
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
522
- import_recharts.XAxis,
523
- {
524
- dataKey: "title",
525
- axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
526
- tickLine: false,
527
- tick: CustomTick,
528
- padding: { left: 0, right: 0 }
529
- }
530
- ),
531
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
532
- import_recharts.YAxis,
533
- {
534
- axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
535
- tickLine: false,
536
- tick: CustomYAxisTick,
537
- ticks: yAxisTicks,
538
- domain: yAxisDomain
539
- }
540
- ),
541
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
542
- import_recharts.Bar,
543
- {
544
- dataKey: "blue",
545
- fill: "url(#blueGradient)",
546
- shape: CustomBarShape,
547
- onMouseEnter: (e) => handleMouseEnter(e, "blue"),
548
- onMouseLeave: handleMouseLeave
549
- }
550
- ),
551
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
552
- import_recharts.Bar,
553
- {
554
- dataKey: "green",
555
- fill: "url(#greenGradient)",
556
- shape: CustomBarShape,
557
- onMouseEnter: (e) => handleMouseEnter(e, "green"),
558
- onMouseLeave: handleMouseLeave
559
- }
560
- ),
561
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
562
- import_recharts.Bar,
563
- {
564
- dataKey: "pink",
565
- fill: "url(#pinkGradient)",
566
- shape: CustomBarShape,
567
- onMouseEnter: (e) => handleMouseEnter(e, "pink"),
568
- onMouseLeave: handleMouseLeave
569
- }
570
- )
571
- ]
572
- }
573
- ) }),
574
- tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
575
- "div",
576
- {
577
- ref: tooltipRef,
578
- style: {
579
- position: "absolute",
580
- left: tooltipLeft + 10,
581
- top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y - 40 : 0,
582
- pointerEvents: "none",
583
- zIndex: 10,
584
- opacity: tooltipState ? 1 : 0,
585
- transition: "opacity 0.1s ease-out",
586
- visibility: tooltipState ? "visible" : "hidden",
587
- width: "fit-content",
588
- whiteSpace: "nowrap"
589
- },
590
- children: tooltipState && tooltipFormatter(tooltipState)
591
- }
592
- )
593
- ] });
486
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
487
+ "div",
488
+ {
489
+ ref: chartRef,
490
+ className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
491
+ onMouseLeave: handleMouseLeave,
492
+ onMouseMove: (e) => {
493
+ const target = e.target;
494
+ if (!target.closest('[data-testid="recharts-bar-rectangle"]') && !target.closest(".recharts-bar-rectangle") && target.tagName !== "path") {
495
+ setTooltipState(null);
496
+ }
497
+ },
498
+ children: [
499
+ label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
500
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
501
+ import_recharts.BarChart,
502
+ {
503
+ data,
504
+ margin: { left: -20 },
505
+ barSize: 20,
506
+ barGap,
507
+ className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
508
+ children: [
509
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
510
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "blueGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
511
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: "#DEC1FA" }),
512
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: "#3F9CF2" })
513
+ ] }),
514
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "greenGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
515
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: "#C2E59C" }),
516
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: "#64B3F4" })
517
+ ] }),
518
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "pinkGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
519
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: "#DDD6F3" }),
520
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: "#FAACA8" })
521
+ ] })
522
+ ] }),
523
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
524
+ import_recharts.CartesianGrid,
525
+ {
526
+ vertical: true,
527
+ horizontal: false,
528
+ strokeDasharray: "4 4",
529
+ className: "stroke-neutral-light",
530
+ verticalPoints: tickPositions
531
+ }
532
+ ),
533
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
534
+ import_recharts.XAxis,
535
+ {
536
+ dataKey: "title",
537
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
538
+ tickLine: false,
539
+ tick: CustomTick,
540
+ padding: { left: 0, right: 0 }
541
+ }
542
+ ),
543
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
544
+ import_recharts.YAxis,
545
+ {
546
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
547
+ tickLine: false,
548
+ tick: CustomYAxisTick,
549
+ ticks: yAxisTicks,
550
+ domain: yAxisDomain
551
+ }
552
+ ),
553
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
554
+ import_recharts.Bar,
555
+ {
556
+ dataKey: "blue",
557
+ fill: "url(#blueGradient)",
558
+ shape: CustomBarShape,
559
+ onMouseEnter: (e) => handleMouseEnter(e, "blue"),
560
+ onMouseLeave: handleMouseLeave
561
+ }
562
+ ),
563
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
564
+ import_recharts.Bar,
565
+ {
566
+ dataKey: "green",
567
+ fill: "url(#greenGradient)",
568
+ shape: CustomBarShape,
569
+ onMouseEnter: (e) => handleMouseEnter(e, "green"),
570
+ onMouseLeave: handleMouseLeave
571
+ }
572
+ ),
573
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
574
+ import_recharts.Bar,
575
+ {
576
+ dataKey: "pink",
577
+ fill: "url(#pinkGradient)",
578
+ shape: CustomBarShape,
579
+ onMouseEnter: (e) => handleMouseEnter(e, "pink"),
580
+ onMouseLeave: handleMouseLeave
581
+ }
582
+ )
583
+ ]
584
+ }
585
+ ) }),
586
+ tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
587
+ "div",
588
+ {
589
+ ref: tooltipRef,
590
+ style: {
591
+ position: "absolute",
592
+ left: tooltipLeft + 10,
593
+ top: (tooltipState == null ? void 0 : tooltipState.barY) || 0,
594
+ pointerEvents: "none",
595
+ zIndex: 10,
596
+ opacity: tooltipState ? 1 : 0,
597
+ transition: "opacity 0.1s ease-out",
598
+ visibility: tooltipState ? "visible" : "hidden",
599
+ width: "fit-content",
600
+ whiteSpace: "nowrap"
601
+ },
602
+ children: tooltipState && tooltipFormatter(tooltipState)
603
+ }
604
+ )
605
+ ]
606
+ }
607
+ );
594
608
  });
595
609
  BarChartComponent.displayName = "barChart";
596
610
  var barChart_default = BarChartComponent;
@@ -2,7 +2,7 @@
2
2
  import {
3
3
  BarChartTooltip,
4
4
  barChart_default
5
- } from "../../chunk-JOK735WN.mjs";
5
+ } from "../../chunk-WKTRWHDA.mjs";
6
6
  import "../../chunk-E3G5QXSH.mjs";
7
7
  import "../../chunk-U4DJHAM5.mjs";
8
8
  import "../../chunk-AC6TWLRT.mjs";