@deepnoid/ui 0.1.168 → 0.1.170

package/dist/index.js

@@ -13111,8 +13111,14 @@ var barChartStyle = tv({
   variants: {},
   defaultVariants: {}
 });
-function BarChartTooltip({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "text-md text-common-white bg-common-black max-w-[160px] whitespace-nowrap rounded-[5px] px-[10px] py-[6px] text-center font-bold", children });
+function BarChartTooltip({ className = "", children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    "div",
+    {
+      className: `text-md text-common-white bg-common-black flex max-w-[160px] whitespace-nowrap rounded-[5px] px-[10px] py-[6px] text-center font-bold ${className}`,
+      children
+    }
+  );
 }
 
 // src/components/charts/radarChart.tsx
@@ -13239,8 +13245,38 @@ var SimpleBarChartComponent = (0, import_react42.forwardRef)((originalProps, ref
   const tooltipRef = (0, import_react42.useRef)(null);
   const [tooltipLeft, setTooltipLeft] = (0, import_react42.useState)(0);
   const [tickPositions, setTickPositions] = (0, import_react42.useState)([]);
-  const tickRef = (0, import_react42.useRef)([]);
   const [tooltipState, setTooltipState] = (0, import_react42.useState)(null);
+  (0, import_react42.useEffect)(() => {
+    if (!chartRef.current || !data.length) return;
+    const updateDimensions = () => {
+      if (!chartRef.current) return;
+      const rect = chartRef.current.getBoundingClientRect();
+      const chartWidth = rect.width;
+      const leftPadding = 0;
+      const rightPadding = 0;
+      const availableWidth = chartWidth - leftPadding - rightPadding;
+      const barCount = data.length;
+      if (barCount <= 1) {
+        setTickPositions([]);
+        return;
+      }
+      const barWidth = availableWidth / barCount;
+      const gridPositions = [];
+      for (let i = 0; i < barCount - 1; i++) {
+        const firstBarCenter = leftPadding + (i + 0.5) * barWidth;
+        const secondBarCenter = leftPadding + (i + 1.5) * barWidth;
+        const gridPosition = (firstBarCenter + secondBarCenter) / 2;
+        gridPositions.push(gridPosition);
+      }
+      setTickPositions(gridPositions);
+    };
+    updateDimensions();
+    const resizeObserver = new ResizeObserver(updateDimensions);
+    resizeObserver.observe(chartRef.current);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [data]);
   const handleMouseEnter = (e) => {
     if (!tooltipFormatter || !chartRef.current) return;
     const { payload, x, y } = e;
@@ -13270,7 +13306,6 @@ var SimpleBarChartComponent = (0, import_react42.forwardRef)((originalProps, ref
     ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("rect", { x, y, width, height: 0, fill });
   };
   const CustomTick = ({ x, y, payload }) => {
-    if (x !== void 0) tickRef.current.push(x);
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       "text",
       {
@@ -13285,18 +13320,6 @@ var SimpleBarChartComponent = (0, import_react42.forwardRef)((originalProps, ref
       }
     );
   };
-  (0, import_react42.useEffect)(() => {
-    const raf = requestAnimationFrame(() => {
-      const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
-      const mids = [];
-      for (let i = 0; i < unique.length - 1; i++) {
-        mids.push((unique[i] + unique[i + 1]) / 2);
-      }
-      setTickPositions(mids);
-      tickRef.current = [];
-    });
-    return () => cancelAnimationFrame(raf);
-  }, [data]);
   (0, import_react42.useLayoutEffect)(() => {
     if (!tooltipState || !chartRef.current || !tooltipRef.current) return;
     const chartRect = chartRef.current.getBoundingClientRect();
@@ -13374,8 +13397,8 @@ var SimpleBarChartComponent = (0, import_react42.forwardRef)((originalProps, ref
         ref: tooltipRef,
         style: {
           position: "absolute",
-          left: tooltipLeft + 10,
-          top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y - 30 : 0,
+          left: tooltipLeft + 5,
+          top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y - 20 : 0,
           pointerEvents: "none",
           zIndex: 10,
           opacity: tooltipState ? 1 : 0,

package/dist/index.mjs

@@ -36,7 +36,7 @@ import {
 } from "./chunk-DS5CGU2X.mjs";
 import {
   table_default
-} from "./chunk-DWW4ZESK.mjs";
+} from "./chunk-PX4RCHOE.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
@@ -57,7 +57,7 @@ import "./chunk-F3HENRVM.mjs";
 import "./chunk-4VWG4726.mjs";
 import {
   datePicker_default
-} from "./chunk-I3SXSUFN.mjs";
+} from "./chunk-W66K4FK5.mjs";
 import "./chunk-FWFEKWWD.mjs";
 import {
   day_default
@@ -101,6 +101,27 @@ import "./chunk-2GCSFWHD.mjs";
 import {
   input_default
 } from "./chunk-VNRGOOSY.mjs";
+import "./chunk-3OCNT22V.mjs";
+import {
+  areaChart_default
+} from "./chunk-LH6Z7SDZ.mjs";
+import "./chunk-DQRAFUDA.mjs";
+import {
+  scrollArea_default
+} from "./chunk-EWS3FESG.mjs";
+import {
+  BarChartTooltip,
+  barChart_default
+} from "./chunk-JOK735WN.mjs";
+import {
+  circularProgress_default
+} from "./chunk-WA7CSZQ3.mjs";
+import {
+  radarChart_default
+} from "./chunk-U7SYKG2C.mjs";
+import {
+  simpleBarChart_default
+} from "./chunk-GWHUQUKA.mjs";
 import {
   checkbox_default
 } from "./chunk-OEIEALIP.mjs";
@@ -111,8 +132,11 @@ import {
 import "./chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "./chunk-7HMERBCT.mjs";
+} from "./chunk-6DOAZ27E.mjs";
 import "./chunk-MY5U63QO.mjs";
+import {
+  text_button_default
+} from "./chunk-4LUASWAN.mjs";
 import {
   button_group_default
 } from "./chunk-5VTYO3RF.mjs";
@@ -130,30 +154,6 @@ import {
   Icon_default,
   iconTemplate
 } from "./chunk-R7KUEH3N.mjs";
-import {
-  text_button_default
-} from "./chunk-4LUASWAN.mjs";
-import "./chunk-3OCNT22V.mjs";
-import {
-  radarChart_default
-} from "./chunk-U7SYKG2C.mjs";
-import {
-  simpleBarChart_default
-} from "./chunk-2LRPY6DW.mjs";
-import {
-  areaChart_default
-} from "./chunk-LH6Z7SDZ.mjs";
-import "./chunk-DQRAFUDA.mjs";
-import {
-  scrollArea_default
-} from "./chunk-EWS3FESG.mjs";
-import {
-  BarChartTooltip,
-  barChart_default
-} from "./chunk-5GAHDSWH.mjs";
-import {
-  circularProgress_default
-} from "./chunk-WA7CSZQ3.mjs";
 import "./chunk-NMSDSEBD.mjs";
 import {
   accordion_default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.168",
+  "version": "0.1.170",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

package/dist/{chunk-7HMERBCT.mjs → chunk-6DOAZ27E.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  Icon_default
-} from "./chunk-R7KUEH3N.mjs";
 import {
   text_button_default
 } from "./chunk-4LUASWAN.mjs";
+import {
+  Icon_default
+} from "./chunk-R7KUEH3N.mjs";
 import {
   tv
 } from "./chunk-U4DJHAM5.mjs";

package/dist/{chunk-DWW4ZESK.mjs → chunk-PX4RCHOE.mjs}

@@ -2,12 +2,12 @@
 import {
   pagination_default
 } from "./chunk-WLTBJF4I.mjs";
-import {
-  checkbox_default
-} from "./chunk-OEIEALIP.mjs";
 import {
   scrollArea_default
 } from "./chunk-EWS3FESG.mjs";
+import {
+  checkbox_default
+} from "./chunk-OEIEALIP.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";

package/dist/{chunk-I3SXSUFN.mjs → chunk-W66K4FK5.mjs}

@@ -9,6 +9,9 @@ import {
 import {
   input_default
 } from "./chunk-VNRGOOSY.mjs";
+import {
+  text_button_default
+} from "./chunk-4LUASWAN.mjs";
 import {
   button_default
 } from "./chunk-DO56H4BN.mjs";
@@ -18,9 +21,6 @@ import {
 import {
   Icon_default
 } from "./chunk-R7KUEH3N.mjs";
-import {
-  text_button_default
-} from "./chunk-4LUASWAN.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";