@deepnoid/ui 0.1.47 → 0.1.49

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 (102) hide show
  1. package/.turbo/turbo-build.log +203 -198
  2. package/dist/chunk-4F6RULPS.mjs +147 -0
  3. package/dist/chunk-A7GHXG3K.mjs +129 -0
  4. package/dist/{chunk-UHT6GDT2.mjs → chunk-BPEMHZH3.mjs} +1 -1
  5. package/dist/{chunk-Y7NTREVJ.mjs → chunk-G67WUZO3.mjs} +3 -3
  6. package/dist/{chunk-QJXYG2OC.mjs → chunk-IBI3OVQI.mjs} +1 -1
  7. package/dist/{chunk-LR3SWRB4.mjs → chunk-IC25OKBJ.mjs} +5 -5
  8. package/dist/{chunk-NR7MGDUE.mjs → chunk-KYJTZPXY.mjs} +2 -2
  9. package/dist/{chunk-YOSWY5QO.mjs → chunk-MCNCHQ33.mjs} +5 -5
  10. package/dist/{chunk-UCU5ON5M.mjs → chunk-P7YYNA6L.mjs} +1 -1
  11. package/dist/{chunk-K2J5B7WI.mjs → chunk-RIW4TT6V.mjs} +6 -6
  12. package/dist/{chunk-Z4RNZ4HQ.mjs → chunk-TRR232FS.mjs} +5 -5
  13. package/dist/{chunk-FEAPUDMZ.mjs → chunk-U2NPH2O3.mjs} +7 -7
  14. package/dist/{chunk-D7XSWNZ7.mjs → chunk-WOEZHDJR.mjs} +8 -8
  15. package/dist/{chunk-TWLYGLXN.mjs → chunk-ZYWQWFVT.mjs} +7 -7
  16. package/dist/components/backdrop/backdrop.mjs +2 -2
  17. package/dist/components/backdrop/index.mjs +2 -2
  18. package/dist/components/breadcrumb/breadcrumb.mjs +6 -6
  19. package/dist/components/breadcrumb/index.mjs +6 -6
  20. package/dist/components/button/button.mjs +2 -2
  21. package/dist/components/button/icon-button.mjs +2 -2
  22. package/dist/components/button/index.mjs +9 -9
  23. package/dist/components/button/text-button.mjs +3 -3
  24. package/dist/components/charts/{areaCharts.d.mts → areaChart.d.mts} +8 -4
  25. package/dist/components/charts/{areaCharts.d.ts → areaChart.d.ts} +8 -4
  26. package/dist/components/charts/{areaCharts.js → areaChart.js} +70 -66
  27. package/dist/components/charts/{areaCharts.mjs → areaChart.mjs} +4 -4
  28. package/dist/components/charts/barChart.d.mts +33 -0
  29. package/dist/components/charts/barChart.d.ts +33 -0
  30. package/dist/components/charts/barChart.js +464 -0
  31. package/dist/components/charts/barChart.mjs +10 -0
  32. package/dist/components/charts/circularProgress.d.mts +4 -4
  33. package/dist/components/charts/circularProgress.d.ts +4 -4
  34. package/dist/components/charts/circularProgress.js +4 -4
  35. package/dist/components/charts/circularProgress.mjs +2 -2
  36. package/dist/components/charts/index.d.mts +2 -1
  37. package/dist/components/charts/index.d.ts +2 -1
  38. package/dist/components/charts/index.js +189 -65
  39. package/dist/components/charts/index.mjs +10 -6
  40. package/dist/components/checkbox/checkbox.mjs +3 -3
  41. package/dist/components/checkbox/index.mjs +3 -3
  42. package/dist/components/chip/chip.mjs +2 -2
  43. package/dist/components/chip/index.mjs +2 -2
  44. package/dist/components/dateTimePicker/calendar.mjs +2 -2
  45. package/dist/components/dateTimePicker/dateTimePicker.mjs +8 -8
  46. package/dist/components/dateTimePicker/index.mjs +8 -8
  47. package/dist/components/dateTimePicker/timePicker.mjs +5 -5
  48. package/dist/components/fileUpload/fileUpload.mjs +7 -7
  49. package/dist/components/fileUpload/index.mjs +7 -7
  50. package/dist/components/input/index.mjs +3 -3
  51. package/dist/components/input/input.mjs +3 -3
  52. package/dist/components/list/index.mjs +4 -4
  53. package/dist/components/list/list.mjs +2 -2
  54. package/dist/components/list/listItem.mjs +3 -3
  55. package/dist/components/modal/index.mjs +8 -8
  56. package/dist/components/modal/modal.mjs +8 -8
  57. package/dist/components/pagination/index.mjs +4 -4
  58. package/dist/components/pagination/pagination.mjs +4 -4
  59. package/dist/components/radio/index.mjs +3 -3
  60. package/dist/components/radio/radio.mjs +3 -3
  61. package/dist/components/select/index.js +3 -3
  62. package/dist/components/select/index.mjs +3 -3
  63. package/dist/components/select/select.js +3 -3
  64. package/dist/components/select/select.mjs +3 -3
  65. package/dist/components/table/index.mjs +8 -8
  66. package/dist/components/table/table-body.mjs +4 -4
  67. package/dist/components/table/table-head.mjs +4 -4
  68. package/dist/components/table/table.mjs +8 -8
  69. package/dist/components/tabs/index.mjs +2 -2
  70. package/dist/components/tabs/tabs.mjs +2 -2
  71. package/dist/components/textarea/index.mjs +2 -2
  72. package/dist/components/textarea/textarea.mjs +2 -2
  73. package/dist/components/toast/index.mjs +4 -4
  74. package/dist/components/toast/toast.mjs +3 -3
  75. package/dist/components/toast/use-toast.mjs +4 -4
  76. package/dist/components/tooltip/index.mjs +2 -2
  77. package/dist/components/tooltip/tooltip.mjs +2 -2
  78. package/dist/components/tree/index.mjs +2 -2
  79. package/dist/components/tree/tree.mjs +2 -2
  80. package/dist/index.d.mts +2 -1
  81. package/dist/index.d.ts +2 -1
  82. package/dist/index.js +192 -68
  83. package/dist/index.mjs +67 -63
  84. package/package.json +1 -1
  85. package/dist/chunk-VYLYF6G5.mjs +0 -143
  86. package/dist/{chunk-SSMMWMQC.mjs → chunk-2YMAKIZ6.mjs} +3 -3
  87. package/dist/{chunk-6Q2BXHJL.mjs → chunk-4EIGHKUO.mjs} +3 -3
  88. package/dist/{chunk-6K3E5BVO.mjs → chunk-7TAGGLNY.mjs} +3 -3
  89. package/dist/{chunk-X6D7C7QZ.mjs → chunk-A7RU3FU5.mjs} +3 -3
  90. package/dist/{chunk-7H5XPHY6.mjs → chunk-D6QI3DJG.mjs} +4 -4
  91. package/dist/{chunk-33C4DOPJ.mjs → chunk-GH6CPGFN.mjs} +4 -4
  92. package/dist/{chunk-UFVQPPPW.mjs → chunk-HIVPDIEP.mjs} +3 -3
  93. package/dist/{chunk-P5QCU457.mjs → chunk-LL6F3WDX.mjs} +3 -3
  94. package/dist/{chunk-UCIH2BJI.mjs → chunk-MEY4IL7D.mjs} +4 -4
  95. package/dist/{chunk-WPIFIRCJ.mjs → chunk-NFQMXW4Z.mjs} +3 -3
  96. package/dist/{chunk-YIIFWADW.mjs → chunk-QIRL6HY6.mjs} +4 -4
  97. package/dist/{chunk-QWIURBUH.mjs → chunk-RT3S3VVJ.mjs} +6 -6
  98. package/dist/{chunk-7J3KVOTS.mjs → chunk-UB4YBFOT.mjs} +3 -3
  99. package/dist/{chunk-KCOHU7X7.mjs → chunk-WFMFC7R6.mjs} +4 -4
  100. package/dist/{chunk-Y6XQTWB5.mjs → chunk-WLNLVX7Q.mjs} +3 -3
  101. package/dist/{chunk-3YMMVZDL.mjs → chunk-XOH6GWRD.mjs} +0 -0
  102. package/dist/{chunk-IL5ENWCR.mjs → chunk-Z2537DF6.mjs} +3 -3
package/dist/index.js CHANGED
@@ -102,9 +102,10 @@ var require_plugin = __commonJS({
102
102
  // src/index.ts
103
103
  var index_exports = {};
104
104
  __export(index_exports, {
105
- AreaChart: () => areaCharts_default,
105
+ AreaChart: () => areaChart_default,
106
106
  Avatar: () => avatar_default,
107
107
  Backdrop: () => backdrop_default,
108
+ BarChart: () => barChart_default,
108
109
  Breadcrumb: () => breadcrumb_default,
109
110
  Button: () => button_default,
110
111
  ButtonGroup: () => button_group_default,
@@ -7802,13 +7803,13 @@ var Select = (0, import_react17.forwardRef)((originalProps, ref) => {
7802
7803
  helperMessage,
7803
7804
  errorMessage,
7804
7805
  classNames,
7805
- defaultSelectedOptions = [],
7806
+ defaultSelectedOptions,
7806
7807
  onChange,
7807
7808
  multiple,
7808
7809
  ...inputProps
7809
7810
  } = props;
7810
7811
  const slots = (0, import_react17.useMemo)(() => select({ ...variantProps }), [variantProps]);
7811
- const [selectedOptions, setSelectedOptions] = (0, import_react17.useState)(defaultSelectedOptions);
7812
+ const [selectedOptions, setSelectedOptions] = (0, import_react17.useState)(defaultSelectedOptions || []);
7812
7813
  const [targetRect, setTargetRect] = (0, import_react17.useState)(null);
7813
7814
  const [optionWrapperHeight, setOptionWrapperHeight] = (0, import_react17.useState)(0);
7814
7815
  const [isVisible, setIsVisible] = (0, import_react17.useState)(false);
@@ -7891,7 +7892,7 @@ var Select = (0, import_react17.forwardRef)((originalProps, ref) => {
7891
7892
  }
7892
7893
  }, [originalProps.value, options]);
7893
7894
  (0, import_react17.useEffect)(() => {
7894
- if (!isControlled) {
7895
+ if (!isControlled && defaultSelectedOptions) {
7895
7896
  setSelectedOptions(defaultSelectedOptions);
7896
7897
  }
7897
7898
  }, [defaultSelectedOptions]);
@@ -10523,11 +10524,11 @@ var import_react34 = require("react");
10523
10524
  var import_jsx_runtime37 = require("react/jsx-runtime");
10524
10525
  var CircularProgress = (0, import_react34.forwardRef)((originalProps, ref) => {
10525
10526
  const [props, variantProps] = mapPropsVariants(originalProps, circularProgressStyle.variantKeys);
10526
- const { title, size = 150, color, percentage, unit, classNames } = { ...props, ...variantProps };
10527
+ const { label, size = 150, percentage, unit, classNames } = { ...props, ...variantProps };
10527
10528
  const slots = (0, import_react34.useMemo)(() => circularProgressStyle({ ...variantProps }), [variantProps]);
10528
10529
  const data = [
10529
10530
  {
10530
- name: title,
10531
+ name: label,
10531
10532
  value: percentage
10532
10533
  }
10533
10534
  ];
@@ -10576,7 +10577,7 @@ var CircularProgress = (0, import_react34.forwardRef)((originalProps, ref) => {
10576
10577
  unit
10577
10578
  ] }) })
10578
10579
  ] }),
10579
- title && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: slots.title({ class: classNames == null ? void 0 : classNames.title }), children: title })
10580
+ label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label })
10580
10581
  ] });
10581
10582
  });
10582
10583
  CircularProgress.displayName = "CircularProgress";
@@ -10587,7 +10588,7 @@ var circularProgressStyle = tv({
10587
10588
  background: [],
10588
10589
  progress: ["transition-all", "duration-1000 ease-out"],
10589
10590
  text: ["text-xl", "font-bold"],
10590
- title: ["text-md", "font-bold", "text-center", "text-body-foreground"]
10591
+ label: ["text-md", "font-bold", "text-left", "text-body-foreground"]
10591
10592
  },
10592
10593
  variants: {
10593
10594
  color: {
@@ -10613,14 +10614,14 @@ var circularProgressStyle = tv({
10613
10614
  }
10614
10615
  });
10615
10616
 
10616
- // src/components/charts/areaCharts.tsx
10617
+ // src/components/charts/areaChart.tsx
10617
10618
  var import_react35 = require("react");
10618
10619
  var import_recharts2 = require("recharts");
10619
10620
  var import_jsx_runtime38 = require("react/jsx-runtime");
10620
10621
  var AreaChartComponent = (0, import_react35.forwardRef)((originalProps, ref) => {
10621
10622
  const uniqueId = (0, import_react35.useId)();
10622
10623
  const [props, variantProps] = mapPropsVariants(originalProps, areaChartStyle.variantKeys);
10623
- const { areaData, color = "primary", classNames } = { ...props, ...variantProps };
10624
+ const { data, label, color = "primary", classNames } = { ...props, ...variantProps };
10624
10625
  const slots = (0, import_react35.useMemo)(() => areaChartStyle({ ...variantProps }), [variantProps]);
10625
10626
  const COLOR_MAP = {
10626
10627
  primary: "#3F9CF2",
@@ -10658,7 +10659,7 @@ var AreaChartComponent = (0, import_react35.forwardRef)((originalProps, ref) =>
10658
10659
  tickRef.current = [];
10659
10660
  });
10660
10661
  return () => cancelAnimationFrame(raf);
10661
- }, [areaData]);
10662
+ }, [data]);
10662
10663
  const CustomDotWithShadow = (props2) => {
10663
10664
  const { cx, cy, fill, stroke } = props2;
10664
10665
  if (cx === void 0 || cy === void 0) return null;
@@ -10667,68 +10668,72 @@ var AreaChartComponent = (0, import_react35.forwardRef)((originalProps, ref) =>
10667
10668
  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("circle", { cx, cy, r: 3.5, fill, stroke, strokeWidth: 2 })
10668
10669
  ] });
10669
10670
  };
10670
- return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_recharts2.AreaChart, { data: areaData, children: [
10671
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
10672
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
10673
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
10674
- ] }) }),
10675
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
10676
- import_recharts2.CartesianGrid,
10677
- {
10678
- vertical: true,
10679
- horizontal: false,
10680
- strokeDasharray: "3 3",
10681
- className: "stroke-neutral-light",
10682
- verticalPoints: tickPositions
10683
- }
10684
- ),
10685
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
10686
- import_recharts2.XAxis,
10687
- {
10688
- dataKey: "name",
10689
- axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
10690
- tickLine: false,
10691
- tick: CustomTick,
10692
- padding: { left: 35.5, right: 35.5 }
10693
- }
10694
- ),
10695
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
10696
- import_recharts2.YAxis,
10697
- {
10698
- axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
10699
- tickLine: false,
10700
- tick: {
10701
- fontSize: 12,
10702
- fontWeight: 700,
10703
- fill: "text-body-foreground",
10704
- textAnchor: "middle",
10705
- dx: -10
10706
- },
10707
- ticks: [0, 20, 40, 60, 80, 100],
10708
- domain: [-10, 110]
10709
- }
10710
- ),
10711
- /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
10712
- import_recharts2.Area,
10713
- {
10714
- type: "monotone",
10715
- dataKey: "value",
10716
- stroke: colorHex,
10717
- strokeWidth: 2,
10718
- fill: `url(#colorGradient-${uniqueId})`,
10719
- dot: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
10720
- activeDot: { r: 7, fill: colorHex }
10721
- }
10722
- )
10723
- ] }) }) });
10671
+ return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
10672
+ label && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
10673
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_recharts2.AreaChart, { data, margin: { left: -30 }, children: [
10674
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
10675
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
10676
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0.05 })
10677
+ ] }) }),
10678
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
10679
+ import_recharts2.CartesianGrid,
10680
+ {
10681
+ vertical: true,
10682
+ horizontal: false,
10683
+ strokeDasharray: "3 3",
10684
+ className: "stroke-neutral-light",
10685
+ verticalPoints: tickPositions
10686
+ }
10687
+ ),
10688
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
10689
+ import_recharts2.XAxis,
10690
+ {
10691
+ dataKey: "name",
10692
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
10693
+ tickLine: false,
10694
+ tick: CustomTick,
10695
+ padding: { left: 35.5, right: 35.5 }
10696
+ }
10697
+ ),
10698
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
10699
+ import_recharts2.YAxis,
10700
+ {
10701
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
10702
+ tickLine: false,
10703
+ tick: {
10704
+ fontSize: 12,
10705
+ fontWeight: 700,
10706
+ fill: "text-body-foreground",
10707
+ textAnchor: "middle",
10708
+ dx: -10
10709
+ },
10710
+ ticks: [0, 20, 40, 60, 80, 100],
10711
+ domain: [-6, 110]
10712
+ }
10713
+ ),
10714
+ /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
10715
+ import_recharts2.Area,
10716
+ {
10717
+ type: "monotone",
10718
+ dataKey: "value",
10719
+ stroke: colorHex,
10720
+ strokeWidth: 2,
10721
+ fill: `url(#colorGradient-${uniqueId})`,
10722
+ dot: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
10723
+ activeDot: { r: 7, fill: colorHex }
10724
+ }
10725
+ )
10726
+ ] }) })
10727
+ ] });
10724
10728
  });
10725
10729
  AreaChartComponent.displayName = "AreaChart";
10726
- var areaCharts_default = AreaChartComponent;
10730
+ var areaChart_default = AreaChartComponent;
10727
10731
  var areaChartStyle = tv({
10728
10732
  slots: {
10729
- base: [],
10733
+ base: ["flex", "flex-col", "gap-[10px]"],
10730
10734
  color: [],
10731
- axis: ["text-sm", "font-bold", "text-center", "text-body-foreground"]
10735
+ axis: ["text-sm", "font-bold", "text-center", "text-body-foreground"],
10736
+ label: ["text-md", "font-bold", "text-body-foreground"]
10732
10737
  },
10733
10738
  variants: {
10734
10739
  color: {
@@ -10744,11 +10749,130 @@ var areaChartStyle = tv({
10744
10749
  color: "primary"
10745
10750
  }
10746
10751
  });
10752
+
10753
+ // src/components/charts/barChart.tsx
10754
+ var import_react36 = require("react");
10755
+ var import_recharts3 = require("recharts");
10756
+ var import_jsx_runtime39 = require("react/jsx-runtime");
10757
+ var BarChartComponent = (0, import_react36.forwardRef)((originalProps, ref) => {
10758
+ const [props, variantProps] = mapPropsVariants(originalProps, barChartStyle.variantKeys);
10759
+ const { data, label, classNames } = { ...props, ...variantProps };
10760
+ const slots = (0, import_react36.useMemo)(() => barChartStyle({ ...variantProps }), [variantProps]);
10761
+ const COLOR_MAP = {
10762
+ primary: "#C7E5FA",
10763
+ secondary: "#DEC1FA",
10764
+ warning: "#F9C967"
10765
+ };
10766
+ const [tickPositions, setTickPositions] = (0, import_react36.useState)([]);
10767
+ const tickRef = (0, import_react36.useRef)([]);
10768
+ const CustomBarShape = (barProps) => {
10769
+ const { x, y, width, height, fill } = barProps;
10770
+ const radius = 5;
10771
+ const extraHeight = 12;
10772
+ const adjustedHeight = height + extraHeight;
10773
+ const adjustedY = y;
10774
+ const bottomY = adjustedY + adjustedHeight;
10775
+ return height ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
10776
+ "path",
10777
+ {
10778
+ 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`,
10779
+ fill
10780
+ }
10781
+ ) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("rect", { x, y, width, height: 0, fill });
10782
+ };
10783
+ const CustomTick = ({ x, y, payload }) => {
10784
+ if (x !== void 0) {
10785
+ tickRef.current.push(x);
10786
+ }
10787
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
10788
+ "text",
10789
+ {
10790
+ x,
10791
+ y: y + 14,
10792
+ textAnchor: "middle",
10793
+ fontSize: 12,
10794
+ fontWeight: 700,
10795
+ fill: "currentColor",
10796
+ className: "text-body-foreground",
10797
+ children: payload.value
10798
+ }
10799
+ );
10800
+ };
10801
+ (0, import_react36.useEffect)(() => {
10802
+ const raf = requestAnimationFrame(() => {
10803
+ const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
10804
+ const mids = [];
10805
+ for (let i = 0; i < unique.length - 1; i++) {
10806
+ mids.push((unique[i] + unique[i + 1]) / 2);
10807
+ }
10808
+ setTickPositions(mids);
10809
+ tickRef.current = [];
10810
+ });
10811
+ return () => cancelAnimationFrame(raf);
10812
+ }, [data]);
10813
+ return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
10814
+ label && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
10815
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_recharts3.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_recharts3.BarChart, { data, margin: { left: -30 }, barSize: 20, barGap: 10, children: [
10816
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
10817
+ import_recharts3.CartesianGrid,
10818
+ {
10819
+ vertical: true,
10820
+ horizontal: false,
10821
+ strokeDasharray: "3 3",
10822
+ className: "stroke-neutral-light",
10823
+ verticalPoints: tickPositions
10824
+ }
10825
+ ),
10826
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
10827
+ import_recharts3.XAxis,
10828
+ {
10829
+ dataKey: "name",
10830
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
10831
+ tickLine: false,
10832
+ tick: CustomTick,
10833
+ padding: { left: 32, right: 32 }
10834
+ }
10835
+ ),
10836
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
10837
+ import_recharts3.YAxis,
10838
+ {
10839
+ axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
10840
+ tickLine: false,
10841
+ tick: {
10842
+ fontSize: 12,
10843
+ fontWeight: 700,
10844
+ fill: "text-body-foreground",
10845
+ textAnchor: "middle",
10846
+ dx: -10
10847
+ },
10848
+ ticks: [0, 20, 40, 60, 80, 100],
10849
+ domain: [-6, 110]
10850
+ }
10851
+ ),
10852
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_recharts3.Bar, { dataKey: "avg", fill: COLOR_MAP.primary, width: 20, shape: CustomBarShape }),
10853
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_recharts3.Bar, { dataKey: "high", fill: COLOR_MAP.secondary, width: 20, shape: CustomBarShape }),
10854
+ /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_recharts3.Bar, { dataKey: "low", fill: COLOR_MAP.warning, width: 20, shape: CustomBarShape })
10855
+ ] }) })
10856
+ ] });
10857
+ });
10858
+ BarChartComponent.displayName = "barChart";
10859
+ var barChart_default = BarChartComponent;
10860
+ var barChartStyle = tv({
10861
+ slots: {
10862
+ base: ["flex", "flex-col", "gap-[10px]"],
10863
+ label: ["text-md", "font-bold", "text-body-foreground"]
10864
+ },
10865
+ variants: {},
10866
+ defaultVariants: {
10867
+ color: "primary"
10868
+ }
10869
+ });
10747
10870
  // Annotate the CommonJS export names for ESM import in node:
10748
10871
  0 && (module.exports = {
10749
10872
  AreaChart,
10750
10873
  Avatar,
10751
10874
  Backdrop,
10875
+ BarChart,
10752
10876
  Breadcrumb,
10753
10877
  Button,
10754
10878
  ButtonGroup,
package/dist/index.mjs CHANGED
@@ -1,125 +1,135 @@
1
1
  "use client";
2
- import "./chunk-MBLZYQCN.mjs";
3
- import {
4
- tree_default
5
- } from "./chunk-WPIFIRCJ.mjs";
6
2
  import "./chunk-LUWGOKLG.mjs";
7
3
  import {
8
4
  ToastProvider,
9
5
  useToast
10
- } from "./chunk-QJXYG2OC.mjs";
6
+ } from "./chunk-IBI3OVQI.mjs";
11
7
  import "./chunk-ZOTHPHXA.mjs";
12
8
  import {
13
9
  toast_default
14
- } from "./chunk-UCIH2BJI.mjs";
10
+ } from "./chunk-MEY4IL7D.mjs";
11
+ import "./chunk-MBLZYQCN.mjs";
12
+ import {
13
+ tree_default
14
+ } from "./chunk-NFQMXW4Z.mjs";
15
15
  import "./chunk-HIE2YRGA.mjs";
16
16
  import {
17
17
  tooltip_default
18
- } from "./chunk-IL5ENWCR.mjs";
18
+ } from "./chunk-Z2537DF6.mjs";
19
19
  import "./chunk-ZMOAFSYE.mjs";
20
20
  import "./chunk-WSIADHVC.mjs";
21
21
  import "./chunk-DX3KXNP6.mjs";
22
22
  import {
23
23
  table_default
24
- } from "./chunk-K2J5B7WI.mjs";
25
- import "./chunk-UHT6GDT2.mjs";
26
- import "./chunk-UCU5ON5M.mjs";
24
+ } from "./chunk-RIW4TT6V.mjs";
25
+ import "./chunk-BPEMHZH3.mjs";
26
+ import "./chunk-P7YYNA6L.mjs";
27
27
  import "./chunk-3MY6LO7N.mjs";
28
28
  import {
29
29
  tabs_default
30
- } from "./chunk-SSMMWMQC.mjs";
30
+ } from "./chunk-2YMAKIZ6.mjs";
31
31
  import "./chunk-RRAZM5D3.mjs";
32
32
  import {
33
33
  textarea_default
34
- } from "./chunk-6Q2BXHJL.mjs";
35
- import "./chunk-QCEKPS7U.mjs";
34
+ } from "./chunk-4EIGHKUO.mjs";
35
+ import "./chunk-LVFI2NOH.mjs";
36
36
  import {
37
- select_default
38
- } from "./chunk-TWLYGLXN.mjs";
37
+ switch_default
38
+ } from "./chunk-AJUQBMSV.mjs";
39
39
  import "./chunk-MZ76AA76.mjs";
40
40
  import {
41
41
  skeleton_default
42
42
  } from "./chunk-6PN3DGOE.mjs";
43
- import "./chunk-LVFI2NOH.mjs";
44
- import {
45
- switch_default
46
- } from "./chunk-AJUQBMSV.mjs";
47
43
  import {
48
44
  definition_table_default
49
45
  } from "./chunk-6TIIBU7J.mjs";
46
+ import "./chunk-DJOG6Z35.mjs";
47
+ import {
48
+ modal_default
49
+ } from "./chunk-IC25OKBJ.mjs";
50
50
  import "./chunk-TPFN22HR.mjs";
51
51
  import {
52
52
  radio_default
53
- } from "./chunk-YIIFWADW.mjs";
53
+ } from "./chunk-QIRL6HY6.mjs";
54
+ import "./chunk-QCEKPS7U.mjs";
55
+ import {
56
+ select_default
57
+ } from "./chunk-ZYWQWFVT.mjs";
54
58
  import "./chunk-DQRAFUDA.mjs";
55
59
  import {
56
60
  scrollArea_default
57
61
  } from "./chunk-M37VBNB3.mjs";
58
- import "./chunk-DJOG6Z35.mjs";
59
- import {
60
- modal_default
61
- } from "./chunk-LR3SWRB4.mjs";
62
62
  import "./chunk-7B7LRG5J.mjs";
63
63
  import {
64
64
  pagination_default
65
- } from "./chunk-YOSWY5QO.mjs";
65
+ } from "./chunk-MCNCHQ33.mjs";
66
66
  import "./chunk-F3HENRVM.mjs";
67
67
  import "./chunk-RLXOHILK.mjs";
68
68
  import {
69
69
  fileUpload_default
70
- } from "./chunk-Z4RNZ4HQ.mjs";
70
+ } from "./chunk-TRR232FS.mjs";
71
+ import "./chunk-MGEWSREV.mjs";
72
+ import {
73
+ chip_default
74
+ } from "./chunk-WLNLVX7Q.mjs";
71
75
  import "./chunk-2GCSFWHD.mjs";
72
76
  import {
73
77
  input_default
74
- } from "./chunk-33C4DOPJ.mjs";
78
+ } from "./chunk-GH6CPGFN.mjs";
79
+ import "./chunk-XOH6GWRD.mjs";
75
80
  import "./chunk-QZ3LVYJW.mjs";
76
81
  import {
77
82
  checkbox_default
78
- } from "./chunk-7H5XPHY6.mjs";
79
- import "./chunk-MGEWSREV.mjs";
80
- import {
81
- chip_default
82
- } from "./chunk-Y6XQTWB5.mjs";
83
+ } from "./chunk-D6QI3DJG.mjs";
83
84
  import "./chunk-75HLCORR.mjs";
84
85
  import {
85
86
  dateTimePicker_default
86
- } from "./chunk-D7XSWNZ7.mjs";
87
- import "./chunk-FWJ2ZKH6.mjs";
88
- import "./chunk-X6D7C7QZ.mjs";
89
- import "./chunk-P732YGHO.mjs";
90
- import "./chunk-NR7MGDUE.mjs";
87
+ } from "./chunk-WOEZHDJR.mjs";
88
+ import "./chunk-A7RU3FU5.mjs";
89
+ import "./chunk-KYJTZPXY.mjs";
91
90
  import "./chunk-7MVEAQ7Z.mjs";
92
91
  import {
93
92
  list_default
94
- } from "./chunk-UFVQPPPW.mjs";
93
+ } from "./chunk-HIVPDIEP.mjs";
95
94
  import {
96
95
  listItem_default
97
- } from "./chunk-QWIURBUH.mjs";
98
- import "./chunk-3YMMVZDL.mjs";
96
+ } from "./chunk-RT3S3VVJ.mjs";
97
+ import "./chunk-FWJ2ZKH6.mjs";
98
+ import "./chunk-P732YGHO.mjs";
99
+ import "./chunk-KYIODWXL.mjs";
100
+ import {
101
+ breadcrumb_default
102
+ } from "./chunk-G67WUZO3.mjs";
103
+ import "./chunk-MY5U63QO.mjs";
104
+ import {
105
+ icon_button_default
106
+ } from "./chunk-7TAGGLNY.mjs";
99
107
  import {
100
- areaCharts_default
101
- } from "./chunk-VYLYF6G5.mjs";
108
+ text_button_default
109
+ } from "./chunk-WFMFC7R6.mjs";
110
+ import {
111
+ areaChart_default
112
+ } from "./chunk-4F6RULPS.mjs";
113
+ import {
114
+ barChart_default
115
+ } from "./chunk-A7GHXG3K.mjs";
102
116
  import {
103
117
  circularProgress_default
104
- } from "./chunk-FEAPUDMZ.mjs";
118
+ } from "./chunk-U2NPH2O3.mjs";
119
+ import "./chunk-7DLOYKVC.mjs";
120
+ import {
121
+ avatar_default
122
+ } from "./chunk-SP3JVQY3.mjs";
105
123
  import "./chunk-SE5TU755.mjs";
106
124
  import {
107
125
  backdrop_default
108
- } from "./chunk-P5QCU457.mjs";
109
- import "./chunk-KYIODWXL.mjs";
110
- import {
111
- breadcrumb_default
112
- } from "./chunk-Y7NTREVJ.mjs";
113
- import "./chunk-MY5U63QO.mjs";
126
+ } from "./chunk-LL6F3WDX.mjs";
114
127
  import {
115
128
  button_group_default
116
129
  } from "./chunk-LPZOH3RP.mjs";
117
130
  import {
118
131
  button_default
119
- } from "./chunk-7J3KVOTS.mjs";
120
- import {
121
- icon_button_default
122
- } from "./chunk-6K3E5BVO.mjs";
132
+ } from "./chunk-UB4YBFOT.mjs";
123
133
  import "./chunk-6WSACUIB.mjs";
124
134
  import "./chunk-LXHUO6VM.mjs";
125
135
  import "./chunk-6PNKRBUT.mjs";
@@ -128,25 +138,19 @@ import {
128
138
  Icon_default,
129
139
  iconTemplate
130
140
  } from "./chunk-2TKEWFGH.mjs";
131
- import {
132
- text_button_default
133
- } from "./chunk-KCOHU7X7.mjs";
134
- import "./chunk-E3G5QXSH.mjs";
135
- import "./chunk-27Y6K5NK.mjs";
136
- import "./chunk-7DLOYKVC.mjs";
137
- import {
138
- avatar_default
139
- } from "./chunk-SP3JVQY3.mjs";
140
141
  import "./chunk-2SDYFOZL.mjs";
141
142
  import {
142
143
  deepnoidUi,
143
144
  tv
144
145
  } from "./chunk-4ZJFD3L3.mjs";
146
+ import "./chunk-27Y6K5NK.mjs";
147
+ import "./chunk-E3G5QXSH.mjs";
145
148
  import "./chunk-AC6TWLRT.mjs";
146
149
  export {
147
- areaCharts_default as AreaChart,
150
+ areaChart_default as AreaChart,
148
151
  avatar_default as Avatar,
149
152
  backdrop_default as Backdrop,
153
+ barChart_default as BarChart,
150
154
  breadcrumb_default as Breadcrumb,
151
155
  button_default as Button,
152
156
  button_group_default as ButtonGroup,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@deepnoid/ui",
3
- "version": "0.1.47",
3
+ "version": "0.1.49",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "exports": {