@deepnoid/ui 0.1.159 → 0.1.161

package/dist/components/table/table-head.js

@@ -238,6 +238,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/table/table-head.mjs

@@ -1,21 +1,21 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-OY5W6JCO.mjs";
+} from "../../chunk-PX4RCHOE.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-7QL54JRV.mjs";
+import "../../chunk-WLTBJF4I.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-QR5CKZLL.mjs";
+import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-H6JGLPPF.mjs";
+import "../../chunk-OEIEALIP.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/table/table.js

@@ -237,6 +237,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/table/table.mjs

@@ -2,21 +2,21 @@
 import {
   getCellStyle,
   table_default
-} from "../../chunk-OY5W6JCO.mjs";
+} from "../../chunk-PX4RCHOE.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-7QL54JRV.mjs";
+import "../../chunk-WLTBJF4I.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-QR5CKZLL.mjs";
+import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-H6JGLPPF.mjs";
+import "../../chunk-OEIEALIP.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/tabs/index.js

@@ -174,6 +174,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/tabs/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-3MY6LO7N.mjs";
 import {
   tabs_default
-} from "../../chunk-NBJHZ4X2.mjs";
+} from "../../chunk-DW3BX4M2.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tabs_default as Tabs

package/dist/components/tabs/tabs.js

@@ -173,6 +173,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/tabs/tabs.mjs

@@ -2,9 +2,9 @@
 import {
   tabs,
   tabs_default
-} from "../../chunk-NBJHZ4X2.mjs";
+} from "../../chunk-DW3BX4M2.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tabs_default as default,

package/dist/components/timePicker/calendar.js

@@ -173,6 +173,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/timePicker/calendar.mjs

@@ -13,7 +13,7 @@ import {
 import "../../chunk-DDFJMHBC.mjs";
 import {
   tv
-} from "../../chunk-CDXBML6O.mjs";
+} from "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 
 // src/components/timePicker/calendar.tsx

package/dist/components/toast/index.js

@@ -176,6 +176,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/toast/index.mjs

@@ -3,16 +3,16 @@ import "../../chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "../../chunk-KLBA5J2H.mjs";
+} from "../../chunk-EQLBG32V.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "../../chunk-3QE57PU3.mjs";
+} from "../../chunk-6574ITBF.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/toast/toast.js

@@ -172,6 +172,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/toast/toast.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   toast_default
-} from "../../chunk-3QE57PU3.mjs";
+} from "../../chunk-6574ITBF.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/toast/use-toast.js

@@ -212,6 +212,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/toast/use-toast.mjs

@@ -2,14 +2,14 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-KLBA5J2H.mjs";
+} from "../../chunk-EQLBG32V.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
-import "../../chunk-3QE57PU3.mjs";
+import "../../chunk-6574ITBF.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/tooltip/index.js

@@ -175,6 +175,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/tooltip/index.mjs

@@ -2,11 +2,11 @@
 import "../../chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
-} from "../../chunk-YBVJFHH6.mjs";
+} from "../../chunk-5KC3IFNR.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as Tooltip

package/dist/components/tooltip/tooltip.js

@@ -173,6 +173,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/tooltip/tooltip.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   tooltip_default
-} from "../../chunk-YBVJFHH6.mjs";
+} from "../../chunk-5KC3IFNR.mjs";
 import "../../chunk-ZMOAFSYE.mjs";
 import "../../chunk-WSIADHVC.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tooltip_default as default

package/dist/components/tree/index.js

@@ -174,6 +174,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/tree/index.mjs

@@ -2,11 +2,11 @@
 import "../../chunk-MBLZYQCN.mjs";
 import {
   tree_default
-} from "../../chunk-XHCPYYMC.mjs";
+} from "../../chunk-WSBUOY2M.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/tree/tree.js

@@ -173,6 +173,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 

package/dist/components/tree/tree.mjs

@@ -2,11 +2,11 @@
 import {
   Tree,
   tree_default
-} from "../../chunk-XHCPYYMC.mjs";
+} from "../../chunk-WSBUOY2M.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/index.d.mts

@@ -35,7 +35,7 @@ export { default as FileUpload } from './components/fileUpload/fileUpload.mjs';
 export { default as Skeleton } from './components/skeleton/skeleton.mjs';
 export { default as CircularProgress } from './components/charts/circularProgress.mjs';
 export { default as AreaChart } from './components/charts/areaChart.mjs';
-export { default as BarChart } from './components/charts/barChart.mjs';
+export { default as BarChart, BarChartTooltip } from './components/charts/barChart.mjs';
 export { default as RadarChart } from './components/charts/radarChart.mjs';
 export { default as Progress } from './components/progress/progress.mjs';
 export { default as StarRating, StarRatingProps } from './components/starRating/starRating.mjs';

package/dist/index.d.ts

@@ -35,7 +35,7 @@ export { default as FileUpload } from './components/fileUpload/fileUpload.js';
 export { default as Skeleton } from './components/skeleton/skeleton.js';
 export { default as CircularProgress } from './components/charts/circularProgress.js';
 export { default as AreaChart } from './components/charts/areaChart.js';
-export { default as BarChart } from './components/charts/barChart.js';
+export { default as BarChart, BarChartTooltip } from './components/charts/barChart.js';
 export { default as RadarChart } from './components/charts/radarChart.js';
 export { default as Progress } from './components/progress/progress.js';
 export { default as StarRating, StarRatingProps } from './components/starRating/starRating.js';

package/dist/index.js

@@ -108,6 +108,7 @@ __export(index_exports, {
   Avatar: () => avatar_default,
   Backdrop: () => backdrop_default,
   BarChart: () => barChart_default,
+  BarChartTooltip: () => BarChartTooltip,
   Breadcrumb: () => breadcrumb_default,
   Button: () => button_default,
   ButtonGroup: () => button_group_default,
@@ -356,6 +357,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 
@@ -12839,11 +12847,14 @@ var BarChartComponent = (0, import_react40.forwardRef)((originalProps, ref) => {
     tooltipFormatter
   } = { ...props, ...variantProps };
   const slots = (0, import_react40.useMemo)(() => barChartStyle({ ...variantProps }), [variantProps]);
+  const chartRef = (0, import_react40.useRef)(null);
+  const tooltipRef = (0, import_react40.useRef)(null);
+  const [tooltipLeft, setTooltipLeft] = (0, import_react40.useState)(0);
   const [tickPositions, setTickPositions] = (0, import_react40.useState)([]);
   const tickRef = (0, import_react40.useRef)([]);
   const [tooltipState, setTooltipState] = (0, import_react40.useState)(null);
   const handleMouseEnter = (e, dataKey) => {
-    if (!tooltipFormatter) return;
+    if (!tooltipFormatter || !chartRef.current) return;
     const { payload, x, y } = e;
     if (!payload || !payload[dataKey]) return;
     setTooltipState({
@@ -12913,7 +12924,21 @@ var BarChartComponent = (0, import_react40.forwardRef)((originalProps, ref) => {
     });
     return () => cancelAnimationFrame(raf);
   }, [data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: [
+  (0, import_react40.useLayoutEffect)(() => {
+    if (!tooltipState || !chartRef.current || !tooltipRef.current) return;
+    const chartRect = chartRef.current.getBoundingClientRect();
+    const tooltipRect = tooltipRef.current.getBoundingClientRect();
+    const chartWidth = chartRect.width;
+    const tooltipWidth = tooltipRect.width;
+    let centeredLeft = tooltipState.x - tooltipWidth / 2;
+    if (centeredLeft < 8) {
+      centeredLeft = 8;
+    } else if (centeredLeft + tooltipWidth > chartWidth - 8) {
+      centeredLeft = chartWidth - tooltipWidth - 8;
+    }
+    setTooltipLeft(centeredLeft);
+  }, [tooltipState]);
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { ref: chartRef, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_recharts3.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
       import_recharts3.BarChart,
@@ -13001,17 +13026,21 @@ var BarChartComponent = (0, import_react40.forwardRef)((originalProps, ref) => {
         ]
       }
     ) }),
-    tooltipFormatter && tooltipState && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       "div",
       {
+        ref: tooltipRef,
         style: {
           position: "absolute",
-          left: tooltipState.x + 10,
-          top: tooltipState.y - 40,
-          transform: "translateX(-50%)",
-          pointerEvents: "none"
+          left: tooltipLeft + 10,
+          top: (tooltipState == null ? void 0 : tooltipState.y) ? tooltipState.y - 40 : 0,
+          pointerEvents: "none",
+          zIndex: 10,
+          opacity: tooltipState ? 1 : 0,
+          transition: "opacity 0.1s ease-out",
+          visibility: tooltipState ? "visible" : "hidden"
         },
-        children: tooltipFormatter(tooltipState)
+        children: tooltipState && tooltipFormatter(tooltipState)
       }
     )
   ] });
@@ -13026,6 +13055,9 @@ 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 });
+}
 
 // src/components/charts/radarChart.tsx
 var import_recharts4 = require("recharts");
@@ -13223,6 +13255,7 @@ var starRatingStyle = tv({
   Avatar,
   Backdrop,
   BarChart,
+  BarChartTooltip,
   Breadcrumb,
   Button,
   ButtonGroup,