@deepnoid/ui 0.1.181 → 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 (83) hide show
  1. package/.turbo/turbo-build.log +149 -149
  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-NPVMCUZ4.mjs → chunk-GPJVGQ5W.mjs} +2 -2
  5. package/dist/{chunk-GG7QANQF.mjs → chunk-KDBM7UVG.mjs} +1 -1
  6. package/dist/{chunk-Q2AFTLDT.mjs → chunk-M5ZLURXE.mjs} +2 -2
  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-HOQAQVDA.mjs → chunk-YTW5HJJH.mjs} +5 -5
  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 +3 -3
  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.mjs +6 -6
  34. package/dist/components/fileUpload/index.mjs +6 -6
  35. package/dist/components/input/index.mjs +3 -3
  36. package/dist/components/input/input.mjs +3 -3
  37. package/dist/components/list/index.mjs +2 -2
  38. package/dist/components/list/listItem.mjs +2 -2
  39. package/dist/components/modal/index.mjs +5 -5
  40. package/dist/components/modal/modal.mjs +5 -5
  41. package/dist/components/pagination/index.mjs +4 -4
  42. package/dist/components/pagination/pagination.mjs +4 -4
  43. package/dist/components/picker/datePicker.mjs +5 -5
  44. package/dist/components/picker/index.mjs +7 -7
  45. package/dist/components/picker/timePicker.mjs +4 -4
  46. package/dist/components/progress/index.mjs +2 -2
  47. package/dist/components/progress/progress.mjs +2 -2
  48. package/dist/components/radio/index.mjs +2 -2
  49. package/dist/components/radio/radio.mjs +2 -2
  50. package/dist/components/select/index.mjs +3 -3
  51. package/dist/components/select/select.mjs +3 -3
  52. package/dist/components/starRating/index.mjs +1 -1
  53. package/dist/components/starRating/starRating.mjs +1 -1
  54. package/dist/components/table/definition-table.mjs +2 -2
  55. package/dist/components/table/index.mjs +7 -7
  56. package/dist/components/table/table-body.mjs +6 -6
  57. package/dist/components/table/table-head.mjs +6 -6
  58. package/dist/components/table/table.mjs +6 -6
  59. package/dist/components/textarea/index.mjs +2 -2
  60. package/dist/components/textarea/textarea.mjs +2 -2
  61. package/dist/components/timePicker/calendar.mjs +1 -1
  62. package/dist/components/toast/index.mjs +5 -5
  63. package/dist/components/toast/toast.mjs +3 -3
  64. package/dist/components/toast/use-toast.mjs +4 -4
  65. package/dist/components/tree/index.mjs +2 -2
  66. package/dist/components/tree/tree.mjs +2 -2
  67. package/dist/index.js +218 -190
  68. package/dist/index.mjs +33 -33
  69. package/package.json +1 -1
  70. package/dist/chunk-JOK735WN.mjs +0 -250
  71. package/dist/{chunk-OEIEALIP.mjs → chunk-3DCUMRYP.mjs} +3 -3
  72. package/dist/{chunk-3CRSSRCH.mjs → chunk-3HXNAVAN.mjs} +3 -3
  73. package/dist/{chunk-IH3BJRTV.mjs → chunk-4X35QQTI.mjs} +3 -3
  74. package/dist/{chunk-RXDRG6MC.mjs → chunk-7H6U5XJA.mjs} +3 -3
  75. package/dist/{chunk-KH63CD55.mjs → chunk-ACZ3DQVT.mjs} +3 -3
  76. package/dist/{chunk-DS5CGU2X.mjs → chunk-BH3I4LIZ.mjs} +3 -3
  77. package/dist/{chunk-GS5X67UB.mjs → chunk-GVTYOGSV.mjs} +3 -3
  78. package/dist/{chunk-4EELFA6L.mjs → chunk-LE7PGMCV.mjs} +3 -3
  79. package/dist/{chunk-4LUASWAN.mjs → chunk-NDNIAALB.mjs} +3 -3
  80. package/dist/{chunk-MWUA62VL.mjs → chunk-NKF2TQMA.mjs} +3 -3
  81. package/dist/{chunk-A3WPBLOW.mjs → chunk-UINFH5AT.mjs} +3 -3
  82. package/dist/{chunk-PRNE3U26.mjs → chunk-XL6LZDT4.mjs} +3 -3
  83. package/dist/{chunk-45Y7ANPK.mjs → chunk-ZFC5O2V3.mjs} +3 -3
package/dist/index.js CHANGED
@@ -12934,8 +12934,8 @@ var BarChartComponent = (0, import_react41.forwardRef)((originalProps, ref) => {
12934
12934
  const { payload, x, y } = e;
12935
12935
  if (!payload || !payload[dataKey]) return;
12936
12936
  setTooltipState({
12937
- x,
12938
- y,
12937
+ barX: x,
12938
+ barY: y - 10,
12939
12939
  value: payload[dataKey],
12940
12940
  dataKey,
12941
12941
  label: payload.title
@@ -13006,7 +13006,7 @@ var BarChartComponent = (0, import_react41.forwardRef)((originalProps, ref) => {
13006
13006
  const tooltipRect = tooltipRef.current.getBoundingClientRect();
13007
13007
  const chartWidth = chartRect.width;
13008
13008
  const tooltipWidth = tooltipRect.width;
13009
- let left = tooltipState.x - tooltipWidth / 2;
13009
+ let left = tooltipState.barX - tooltipWidth / 2;
13010
13010
  const padding2 = 8;
13011
13011
  if (left < padding2) {
13012
13012
  left = padding2;
@@ -13015,114 +13015,128 @@ var BarChartComponent = (0, import_react41.forwardRef)((originalProps, ref) => {
13015
13015
  }
13016
13016
  setTooltipLeft(left);
13017
13017
  }, [tooltipState]);
13018
- return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { ref: chartRef, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: [
13019
- label && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
13020
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_recharts3.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
13021
- import_recharts3.BarChart,
13022
- {
13023
- data,
13024
- margin: { left: -20 },
13025
- barSize: 20,
13026
- barGap,
13027
- className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
13028
- children: [
13029
- /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("defs", { children: [
13030
- /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("linearGradient", { id: "blueGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
13031
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "0%", stopColor: "#DEC1FA" }),
13032
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "100%", stopColor: "#3F9CF2" })
13033
- ] }),
13034
- /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("linearGradient", { id: "greenGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
13035
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "0%", stopColor: "#C2E59C" }),
13036
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "100%", stopColor: "#64B3F4" })
13037
- ] }),
13038
- /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("linearGradient", { id: "pinkGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
13039
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "0%", stopColor: "#DDD6F3" }),
13040
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "100%", stopColor: "#FAACA8" })
13041
- ] })
13042
- ] }),
13043
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13044
- import_recharts3.CartesianGrid,
13045
- {
13046
- vertical: true,
13047
- horizontal: false,
13048
- strokeDasharray: "4 4",
13049
- className: "stroke-neutral-light",
13050
- verticalPoints: tickPositions
13051
- }
13052
- ),
13053
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13054
- import_recharts3.XAxis,
13055
- {
13056
- dataKey: "title",
13057
- axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
13058
- tickLine: false,
13059
- tick: CustomTick,
13060
- padding: { left: 0, right: 0 }
13061
- }
13062
- ),
13063
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13064
- import_recharts3.YAxis,
13065
- {
13066
- axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
13067
- tickLine: false,
13068
- tick: CustomYAxisTick,
13069
- ticks: yAxisTicks,
13070
- domain: yAxisDomain
13071
- }
13072
- ),
13073
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13074
- import_recharts3.Bar,
13075
- {
13076
- dataKey: "blue",
13077
- fill: "url(#blueGradient)",
13078
- shape: CustomBarShape,
13079
- onMouseEnter: (e) => handleMouseEnter(e, "blue"),
13080
- onMouseLeave: handleMouseLeave
13081
- }
13082
- ),
13083
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13084
- import_recharts3.Bar,
13085
- {
13086
- dataKey: "green",
13087
- fill: "url(#greenGradient)",
13088
- shape: CustomBarShape,
13089
- onMouseEnter: (e) => handleMouseEnter(e, "green"),
13090
- onMouseLeave: handleMouseLeave
13091
- }
13092
- ),
13093
- /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13094
- import_recharts3.Bar,
13095
- {
13096
- dataKey: "pink",
13097
- fill: "url(#pinkGradient)",
13098
- shape: CustomBarShape,
13099
- onMouseEnter: (e) => handleMouseEnter(e, "pink"),
13100
- onMouseLeave: handleMouseLeave
13101
- }
13102
- )
13103
- ]
13104
- }
13105
- ) }),
13106
- tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13107
- "div",
13108
- {
13109
- ref: tooltipRef,
13110
- style: {
13111
- position: "absolute",
13112
- left: tooltipLeft + 10,
13113
- top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y - 40 : 0,
13114
- pointerEvents: "none",
13115
- zIndex: 10,
13116
- opacity: tooltipState ? 1 : 0,
13117
- transition: "opacity 0.1s ease-out",
13118
- visibility: tooltipState ? "visible" : "hidden",
13119
- width: "fit-content",
13120
- whiteSpace: "nowrap"
13121
- },
13122
- children: tooltipState && tooltipFormatter(tooltipState)
13123
- }
13124
- )
13125
- ] });
13018
+ return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
13019
+ "div",
13020
+ {
13021
+ ref: chartRef,
13022
+ className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
13023
+ onMouseLeave: handleMouseLeave,
13024
+ onMouseMove: (e) => {
13025
+ const target = e.target;
13026
+ if (!target.closest('[data-testid="recharts-bar-rectangle"]') && !target.closest(".recharts-bar-rectangle") && target.tagName !== "path") {
13027
+ setTooltipState(null);
13028
+ }
13029
+ },
13030
+ children: [
13031
+ label && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
13032
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_recharts3.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
13033
+ import_recharts3.BarChart,
13034
+ {
13035
+ data,
13036
+ margin: { left: -20 },
13037
+ barSize: 20,
13038
+ barGap,
13039
+ className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
13040
+ children: [
13041
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("defs", { children: [
13042
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("linearGradient", { id: "blueGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
13043
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "0%", stopColor: "#DEC1FA" }),
13044
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "100%", stopColor: "#3F9CF2" })
13045
+ ] }),
13046
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("linearGradient", { id: "greenGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
13047
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "0%", stopColor: "#C2E59C" }),
13048
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "100%", stopColor: "#64B3F4" })
13049
+ ] }),
13050
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("linearGradient", { id: "pinkGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
13051
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "0%", stopColor: "#DDD6F3" }),
13052
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("stop", { offset: "100%", stopColor: "#FAACA8" })
13053
+ ] })
13054
+ ] }),
13055
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13056
+ import_recharts3.CartesianGrid,
13057
+ {
13058
+ vertical: true,
13059
+ horizontal: false,
13060
+ strokeDasharray: "4 4",
13061
+ className: "stroke-neutral-light",
13062
+ verticalPoints: tickPositions
13063
+ }
13064
+ ),
13065
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13066
+ import_recharts3.XAxis,
13067
+ {
13068
+ dataKey: "title",
13069
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
13070
+ tickLine: false,
13071
+ tick: CustomTick,
13072
+ padding: { left: 0, right: 0 }
13073
+ }
13074
+ ),
13075
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13076
+ import_recharts3.YAxis,
13077
+ {
13078
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
13079
+ tickLine: false,
13080
+ tick: CustomYAxisTick,
13081
+ ticks: yAxisTicks,
13082
+ domain: yAxisDomain
13083
+ }
13084
+ ),
13085
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13086
+ import_recharts3.Bar,
13087
+ {
13088
+ dataKey: "blue",
13089
+ fill: "url(#blueGradient)",
13090
+ shape: CustomBarShape,
13091
+ onMouseEnter: (e) => handleMouseEnter(e, "blue"),
13092
+ onMouseLeave: handleMouseLeave
13093
+ }
13094
+ ),
13095
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13096
+ import_recharts3.Bar,
13097
+ {
13098
+ dataKey: "green",
13099
+ fill: "url(#greenGradient)",
13100
+ shape: CustomBarShape,
13101
+ onMouseEnter: (e) => handleMouseEnter(e, "green"),
13102
+ onMouseLeave: handleMouseLeave
13103
+ }
13104
+ ),
13105
+ /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13106
+ import_recharts3.Bar,
13107
+ {
13108
+ dataKey: "pink",
13109
+ fill: "url(#pinkGradient)",
13110
+ shape: CustomBarShape,
13111
+ onMouseEnter: (e) => handleMouseEnter(e, "pink"),
13112
+ onMouseLeave: handleMouseLeave
13113
+ }
13114
+ )
13115
+ ]
13116
+ }
13117
+ ) }),
13118
+ tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
13119
+ "div",
13120
+ {
13121
+ ref: tooltipRef,
13122
+ style: {
13123
+ position: "absolute",
13124
+ left: tooltipLeft + 10,
13125
+ top: (tooltipState == null ? void 0 : tooltipState.barY) || 0,
13126
+ pointerEvents: "none",
13127
+ zIndex: 10,
13128
+ opacity: tooltipState ? 1 : 0,
13129
+ transition: "opacity 0.1s ease-out",
13130
+ visibility: tooltipState ? "visible" : "hidden",
13131
+ width: "fit-content",
13132
+ whiteSpace: "nowrap"
13133
+ },
13134
+ children: tooltipState && tooltipFormatter(tooltipState)
13135
+ }
13136
+ )
13137
+ ]
13138
+ }
13139
+ );
13126
13140
  });
13127
13141
  BarChartComponent.displayName = "barChart";
13128
13142
  var barChart_default = BarChartComponent;
@@ -13305,8 +13319,8 @@ var SimpleBarChartComponent = (0, import_react43.forwardRef)((originalProps, ref
13305
13319
  const { payload, x, y } = e;
13306
13320
  if (!payload) return;
13307
13321
  setTooltipState({
13308
- x,
13309
- y,
13322
+ barX: x,
13323
+ barY: y - 20,
13310
13324
  value: payload.value,
13311
13325
  label: payload.title
13312
13326
  });
@@ -13349,7 +13363,7 @@ var SimpleBarChartComponent = (0, import_react43.forwardRef)((originalProps, ref
13349
13363
  const tooltipRect = tooltipRef.current.getBoundingClientRect();
13350
13364
  const chartWidth = chartRect.width;
13351
13365
  const tooltipWidth = tooltipRect.width;
13352
- let left = tooltipState.x - tooltipWidth / 2;
13366
+ let left = tooltipState.barX - tooltipWidth / 2;
13353
13367
  const padding2 = 8;
13354
13368
  if (left < padding2) {
13355
13369
  left = padding2;
@@ -13358,82 +13372,96 @@ var SimpleBarChartComponent = (0, import_react43.forwardRef)((originalProps, ref
13358
13372
  }
13359
13373
  setTooltipLeft(left);
13360
13374
  }, [tooltipState]);
13361
- return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { ref: chartRef, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: [
13362
- label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
13363
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_recharts5.ResponsiveContainer, { width: "100%", height: 140, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
13364
- import_recharts5.BarChart,
13365
- {
13366
- data,
13367
- margin: { left: 0, right: 0, top: 0, bottom: 0 },
13368
- barSize: 10,
13369
- barGap,
13370
- className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
13371
- children: [
13372
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
13373
- import_recharts5.CartesianGrid,
13374
- {
13375
- vertical: true,
13376
- horizontal: false,
13377
- strokeDasharray: "4 4",
13378
- className: "stroke-neutral-light",
13379
- verticalPoints: tickPositions
13380
- }
13381
- ),
13382
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
13383
- import_recharts5.CartesianGrid,
13384
- {
13385
- vertical: true,
13386
- horizontal: false,
13387
- strokeDasharray: "0",
13388
- strokeWidth: 2,
13389
- className: "stroke-neutral-light",
13390
- verticalPoints: [0]
13391
- }
13392
- ),
13393
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
13394
- import_recharts5.XAxis,
13395
- {
13396
- dataKey: "title",
13397
- axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
13398
- tickLine: false,
13399
- tick: CustomTick,
13400
- padding: { left: 0, right: 0 }
13401
- }
13402
- ),
13403
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_recharts5.YAxis, { hide: true, ticks: yAxisTicks, domain: yAxisDomain }),
13404
- /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
13405
- import_recharts5.Bar,
13406
- {
13407
- dataKey: "value",
13408
- fill: "#C7E5FA",
13409
- shape: CustomBarShape,
13410
- onMouseEnter: handleMouseEnter,
13411
- onMouseLeave: handleMouseLeave
13412
- }
13413
- )
13414
- ]
13415
- }
13416
- ) }),
13417
- tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
13418
- "div",
13419
- {
13420
- ref: tooltipRef,
13421
- style: {
13422
- position: "absolute",
13423
- left: tooltipLeft + 5,
13424
- top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y - 20 : 0,
13425
- pointerEvents: "none",
13426
- zIndex: 10,
13427
- opacity: tooltipState ? 1 : 0,
13428
- transition: "opacity 0.1s ease-out",
13429
- visibility: tooltipState ? "visible" : "hidden",
13430
- width: "fit-content",
13431
- whiteSpace: "nowrap"
13432
- },
13433
- children: tooltipState && tooltipFormatter(tooltipState)
13434
- }
13435
- )
13436
- ] });
13375
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
13376
+ "div",
13377
+ {
13378
+ ref: chartRef,
13379
+ className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
13380
+ onMouseLeave: handleMouseLeave,
13381
+ onMouseMove: (e) => {
13382
+ const target = e.target;
13383
+ if (!target.closest('[data-testid="recharts-bar-rectangle"]') && !target.closest(".recharts-bar-rectangle") && target.tagName !== "path") {
13384
+ setTooltipState(null);
13385
+ }
13386
+ },
13387
+ children: [
13388
+ label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
13389
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_recharts5.ResponsiveContainer, { width: "100%", height: 140, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
13390
+ import_recharts5.BarChart,
13391
+ {
13392
+ data,
13393
+ margin: { left: 0, right: 0, top: 0, bottom: 0 },
13394
+ barSize: 10,
13395
+ barGap,
13396
+ className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
13397
+ children: [
13398
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
13399
+ import_recharts5.CartesianGrid,
13400
+ {
13401
+ vertical: true,
13402
+ horizontal: false,
13403
+ strokeDasharray: "4 4",
13404
+ className: "stroke-neutral-light",
13405
+ verticalPoints: tickPositions
13406
+ }
13407
+ ),
13408
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
13409
+ import_recharts5.CartesianGrid,
13410
+ {
13411
+ vertical: true,
13412
+ horizontal: false,
13413
+ strokeDasharray: "0",
13414
+ strokeWidth: 2,
13415
+ className: "stroke-neutral-light",
13416
+ verticalPoints: [0]
13417
+ }
13418
+ ),
13419
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
13420
+ import_recharts5.XAxis,
13421
+ {
13422
+ dataKey: "title",
13423
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
13424
+ tickLine: false,
13425
+ tick: CustomTick,
13426
+ padding: { left: 0, right: 0 }
13427
+ }
13428
+ ),
13429
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_recharts5.YAxis, { hide: true, ticks: yAxisTicks, domain: yAxisDomain }),
13430
+ /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
13431
+ import_recharts5.Bar,
13432
+ {
13433
+ dataKey: "value",
13434
+ fill: "#C7E5FA",
13435
+ shape: CustomBarShape,
13436
+ onMouseEnter: handleMouseEnter,
13437
+ onMouseLeave: handleMouseLeave
13438
+ }
13439
+ )
13440
+ ]
13441
+ }
13442
+ ) }),
13443
+ tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
13444
+ "div",
13445
+ {
13446
+ ref: tooltipRef,
13447
+ style: {
13448
+ position: "absolute",
13449
+ left: tooltipLeft + 5,
13450
+ top: (tooltipState == null ? void 0 : tooltipState.barY) || 0,
13451
+ pointerEvents: "none",
13452
+ zIndex: 10,
13453
+ opacity: tooltipState ? 1 : 0,
13454
+ transition: "opacity 0.1s ease-out",
13455
+ visibility: tooltipState ? "visible" : "hidden",
13456
+ width: "fit-content",
13457
+ whiteSpace: "nowrap"
13458
+ },
13459
+ children: tooltipState && tooltipFormatter(tooltipState)
13460
+ }
13461
+ )
13462
+ ]
13463
+ }
13464
+ );
13437
13465
  });
13438
13466
  SimpleBarChartComponent.displayName = "simpleBarChart";
13439
13467
  var simpleBarChart_default = SimpleBarChartComponent;
package/dist/index.mjs CHANGED
@@ -1,31 +1,31 @@
1
1
  "use client";
2
- import "./chunk-MBLZYQCN.mjs";
3
- import {
4
- tree_default
5
- } from "./chunk-MWUA62VL.mjs";
6
2
  import "./chunk-HIE2YRGA.mjs";
7
3
  import {
8
4
  tooltip_default
9
5
  } from "./chunk-5KC3IFNR.mjs";
10
6
  import "./chunk-ZMOAFSYE.mjs";
11
7
  import "./chunk-WSIADHVC.mjs";
8
+ import "./chunk-MBLZYQCN.mjs";
9
+ import {
10
+ tree_default
11
+ } from "./chunk-NKF2TQMA.mjs";
12
12
  import "./chunk-3MY6LO7N.mjs";
13
13
  import {
14
14
  tabs_default
15
15
  } from "./chunk-DW3BX4M2.mjs";
16
+ import "./chunk-RRAZM5D3.mjs";
17
+ import {
18
+ textarea_default
19
+ } from "./chunk-3HXNAVAN.mjs";
16
20
  import "./chunk-LUWGOKLG.mjs";
17
21
  import {
18
22
  ToastProvider,
19
23
  useToast
20
- } from "./chunk-ROXKJQSJ.mjs";
21
- import "./chunk-ZOTHPHXA.mjs";
24
+ } from "./chunk-6NO7GQHG.mjs";
22
25
  import {
23
26
  toast_default
24
- } from "./chunk-GS5X67UB.mjs";
25
- import "./chunk-RRAZM5D3.mjs";
26
- import {
27
- textarea_default
28
- } from "./chunk-3CRSSRCH.mjs";
27
+ } from "./chunk-GVTYOGSV.mjs";
28
+ import "./chunk-ZOTHPHXA.mjs";
29
29
  import "./chunk-LVFI2NOH.mjs";
30
30
  import {
31
31
  switch_default
@@ -33,10 +33,10 @@ import {
33
33
  import "./chunk-DX3KXNP6.mjs";
34
34
  import {
35
35
  definition_table_default
36
- } from "./chunk-DS5CGU2X.mjs";
36
+ } from "./chunk-BH3I4LIZ.mjs";
37
37
  import {
38
38
  table_default
39
- } from "./chunk-HOQAQVDA.mjs";
39
+ } from "./chunk-YTW5HJJH.mjs";
40
40
  import "./chunk-MZ76AA76.mjs";
41
41
  import {
42
42
  skeleton_default
@@ -48,38 +48,38 @@ import {
48
48
  import "./chunk-TPFN22HR.mjs";
49
49
  import {
50
50
  radio_default
51
- } from "./chunk-PRNE3U26.mjs";
51
+ } from "./chunk-XL6LZDT4.mjs";
52
52
  import "./chunk-7B7LRG5J.mjs";
53
53
  import {
54
54
  pagination_default
55
- } from "./chunk-7C7RHDHV.mjs";
55
+ } from "./chunk-XZTVXEOD.mjs";
56
56
  import "./chunk-F3HENRVM.mjs";
57
57
  import "./chunk-4VWG4726.mjs";
58
58
  import {
59
59
  datePicker_default
60
- } from "./chunk-Q2AFTLDT.mjs";
60
+ } from "./chunk-M5ZLURXE.mjs";
61
61
  import "./chunk-FWFEKWWD.mjs";
62
62
  import {
63
63
  day_default
64
64
  } from "./chunk-XZYQFBCT.mjs";
65
65
  import {
66
66
  timePicker_default
67
- } from "./chunk-2H5EBNCD.mjs";
67
+ } from "./chunk-SX2FQY4L.mjs";
68
68
  import "./chunk-QCEKPS7U.mjs";
69
69
  import {
70
70
  select_default
71
- } from "./chunk-4EELFA6L.mjs";
71
+ } from "./chunk-LE7PGMCV.mjs";
72
72
  import "./chunk-7MVEAQ7Z.mjs";
73
73
  import {
74
74
  list_default
75
75
  } from "./chunk-NGRGAY42.mjs";
76
76
  import {
77
77
  listItem_default
78
- } from "./chunk-A3WPBLOW.mjs";
78
+ } from "./chunk-UINFH5AT.mjs";
79
79
  import "./chunk-DJOG6Z35.mjs";
80
80
  import {
81
81
  modal_default
82
- } from "./chunk-MU6QDNYC.mjs";
82
+ } from "./chunk-W67QZ4OB.mjs";
83
83
  import "./chunk-QZ3LVYJW.mjs";
84
84
  import "./chunk-MGEWSREV.mjs";
85
85
  import {
@@ -88,19 +88,19 @@ import {
88
88
  import "./chunk-32GA3YW4.mjs";
89
89
  import {
90
90
  drawer_default
91
- } from "./chunk-45Y7ANPK.mjs";
91
+ } from "./chunk-ZFC5O2V3.mjs";
92
92
  import "./chunk-RLXOHILK.mjs";
93
93
  import {
94
94
  fileUpload_default
95
- } from "./chunk-NPVMCUZ4.mjs";
95
+ } from "./chunk-GPJVGQ5W.mjs";
96
96
  import "./chunk-7VOQKIIK.mjs";
97
97
  import {
98
98
  progress_default
99
- } from "./chunk-KH63CD55.mjs";
99
+ } from "./chunk-ACZ3DQVT.mjs";
100
100
  import "./chunk-2GCSFWHD.mjs";
101
101
  import {
102
102
  input_default
103
- } from "./chunk-RXDRG6MC.mjs";
103
+ } from "./chunk-7H6U5XJA.mjs";
104
104
  import "./chunk-3OCNT22V.mjs";
105
105
  import {
106
106
  areaChart_default
@@ -112,7 +112,7 @@ import {
112
112
  import {
113
113
  BarChartTooltip,
114
114
  barChart_default
115
- } from "./chunk-JOK735WN.mjs";
115
+ } from "./chunk-WKTRWHDA.mjs";
116
116
  import {
117
117
  circularProgress_default
118
118
  } from "./chunk-WA7CSZQ3.mjs";
@@ -121,22 +121,22 @@ import {
121
121
  } from "./chunk-U7SYKG2C.mjs";
122
122
  import {
123
123
  simpleBarChart_default
124
- } from "./chunk-GWHUQUKA.mjs";
124
+ } from "./chunk-6WD32ERF.mjs";
125
125
  import {
126
126
  checkbox_default
127
- } from "./chunk-OEIEALIP.mjs";
127
+ } from "./chunk-3DCUMRYP.mjs";
128
128
  import "./chunk-SE5TU755.mjs";
129
129
  import {
130
130
  backdrop_default
131
- } from "./chunk-IH3BJRTV.mjs";
131
+ } from "./chunk-4X35QQTI.mjs";
132
132
  import "./chunk-KYIODWXL.mjs";
133
133
  import {
134
134
  breadcrumb_default
135
- } from "./chunk-GG7QANQF.mjs";
135
+ } from "./chunk-KDBM7UVG.mjs";
136
136
  import "./chunk-MY5U63QO.mjs";
137
137
  import {
138
138
  text_button_default
139
- } from "./chunk-4LUASWAN.mjs";
139
+ } from "./chunk-NDNIAALB.mjs";
140
140
  import {
141
141
  button_group_default
142
142
  } from "./chunk-5VTYO3RF.mjs";
@@ -161,18 +161,18 @@ import {
161
161
  import {
162
162
  accordionItem_default
163
163
  } from "./chunk-NTNF5T5I.mjs";
164
- import "./chunk-E3G5QXSH.mjs";
165
164
  import "./chunk-7DLOYKVC.mjs";
166
165
  import {
167
166
  avatar_default
168
167
  } from "./chunk-PCASWP2U.mjs";
169
168
  import "./chunk-R54J7VHL.mjs";
169
+ import "./chunk-3V4HT2K5.mjs";
170
+ import "./chunk-27Y6K5NK.mjs";
171
+ import "./chunk-E3G5QXSH.mjs";
170
172
  import {
171
173
  deepnoidUi,
172
174
  tv
173
175
  } from "./chunk-U4DJHAM5.mjs";
174
- import "./chunk-3V4HT2K5.mjs";
175
- import "./chunk-27Y6K5NK.mjs";
176
176
  import "./chunk-AC6TWLRT.mjs";
177
177
  export {
178
178
  accordion_default as Accordion,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deepnoid/ui",
3
- "version": "0.1.181",
3
+ "version": "0.1.182",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "exports": {