@deepnoid/ui 0.1.159 → 0.1.161

package/dist/components/charts/index.js

@@ -104,6 +104,7 @@ var charts_exports = {};
 __export(charts_exports, {
   AreaChart: () => areaChart_default,
   BarChart: () => barChart_default,
+  BarChartTooltip: () => BarChartTooltip,
   CircularProgress: () => circularProgress_default,
   RadarChart: () => radarChart_default
 });
@@ -198,6 +199,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 
@@ -772,11 +780,14 @@ var BarChartComponent = (0, import_react3.forwardRef)((originalProps, ref) => {
     tooltipFormatter
   } = { ...props, ...variantProps };
   const slots = (0, import_react3.useMemo)(() => barChartStyle({ ...variantProps }), [variantProps]);
+  const chartRef = (0, import_react3.useRef)(null);
+  const tooltipRef = (0, import_react3.useRef)(null);
+  const [tooltipLeft, setTooltipLeft] = (0, import_react3.useState)(0);
   const [tickPositions, setTickPositions] = (0, import_react3.useState)([]);
   const tickRef = (0, import_react3.useRef)([]);
   const [tooltipState, setTooltipState] = (0, import_react3.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({
@@ -846,7 +857,21 @@ var BarChartComponent = (0, import_react3.forwardRef)((originalProps, ref) => {
     });
     return () => cancelAnimationFrame(raf);
   }, [data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: [
+  (0, import_react3.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_runtime4.jsxs)("div", { ref: chartRef, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_recharts3.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       import_recharts3.BarChart,
@@ -934,17 +959,21 @@ var BarChartComponent = (0, import_react3.forwardRef)((originalProps, ref) => {
         ]
       }
     ) }),
-    tooltipFormatter && tooltipState && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime4.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)
       }
     )
   ] });
@@ -959,6 +988,9 @@ var barChartStyle = tv({
   variants: {},
   defaultVariants: {}
 });
+function BarChartTooltip({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.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");
@@ -1067,6 +1099,7 @@ var radarChartStyle = tv({
 0 && (module.exports = {
   AreaChart,
   BarChart,
+  BarChartTooltip,
   CircularProgress,
   RadarChart
 });

package/dist/components/charts/index.mjs

@@ -2,25 +2,27 @@
 import "../../chunk-VYNBJBXD.mjs";
 import {
   areaChart_default
-} from "../../chunk-D4IFXO36.mjs";
+} from "../../chunk-ARNMOGRH.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.mjs";
 import {
+  BarChartTooltip,
   barChart_default
-} from "../../chunk-5PJMKFMX.mjs";
+} from "../../chunk-V25UBATO.mjs";
 import {
   circularProgress_default
-} from "../../chunk-U2MHQYVG.mjs";
+} from "../../chunk-553TGKS6.mjs";
 import {
   radarChart_default
-} from "../../chunk-6SKEFJQW.mjs";
+} from "../../chunk-U7SYKG2C.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   areaChart_default as AreaChart,
   barChart_default as BarChart,
+  BarChartTooltip,
   circularProgress_default as CircularProgress,
   radarChart_default as RadarChart
 };

package/dist/components/charts/radarChart.js

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

package/dist/components/charts/radarChart.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   radarChart_default
-} from "../../chunk-6SKEFJQW.mjs";
+} from "../../chunk-U7SYKG2C.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   radarChart_default as default

package/dist/components/checkbox/checkbox.js

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

package/dist/components/checkbox/checkbox.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   checkbox_default
-} from "../../chunk-H6JGLPPF.mjs";
+} from "../../chunk-OEIEALIP.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/checkbox/index.js

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

package/dist/components/checkbox/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-QZ3LVYJW.mjs";
 import {
   checkbox_default
-} from "../../chunk-H6JGLPPF.mjs";
+} from "../../chunk-OEIEALIP.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/chip/chip.js

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

package/dist/components/chip/chip.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   chip_default
-} from "../../chunk-3X376ACN.mjs";
+} from "../../chunk-2B3HDC26.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-AC6TWLRT.mjs";
 export {
   chip_default as default

package/dist/components/chip/index.js

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

package/dist/components/chip/index.mjs

@@ -2,12 +2,12 @@
 import "../../chunk-MGEWSREV.mjs";
 import {
   chip_default
-} from "../../chunk-3X376ACN.mjs";
+} from "../../chunk-2B3HDC26.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-AC6TWLRT.mjs";
 export {
   chip_default as Chip

package/dist/components/drawer/drawer.js

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

package/dist/components/drawer/drawer.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   drawer_default
-} from "../../chunk-S7Y7XUBL.mjs";
+} from "../../chunk-45Y7ANPK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/drawer/index.js

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

package/dist/components/drawer/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-32GA3YW4.mjs";
 import {
   drawer_default
-} from "../../chunk-S7Y7XUBL.mjs";
+} from "../../chunk-45Y7ANPK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/fileUpload/fileUpload.js

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

package/dist/components/fileUpload/fileUpload.mjs

@@ -3,16 +3,16 @@ import {
   FileUpload,
   fileUploadStyle,
   fileUpload_default
-} from "../../chunk-SFA2DEUD.mjs";
+} from "../../chunk-OOX5X2MN.mjs";
 import "../../chunk-7VOQKIIK.mjs";
-import "../../chunk-2CLPU5LR.mjs";
+import "../../chunk-KH63CD55.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-QR5CKZLL.mjs";
+import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-Q364C3FI.mjs";
-import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-YQYO5RLZ.mjs";
-import "../../chunk-JKYLYL3A.mjs";
+import "../../chunk-4LUASWAN.mjs";
+import "../../chunk-5VTYO3RF.mjs";
+import "../../chunk-DO56H4BN.mjs";
+import "../../chunk-AKAGWXXP.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
@@ -20,7 +20,7 @@ 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-3V4HT2K5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/fileUpload/index.js

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

package/dist/components/fileUpload/index.mjs

@@ -2,16 +2,16 @@
 import "../../chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "../../chunk-SFA2DEUD.mjs";
+} from "../../chunk-OOX5X2MN.mjs";
 import "../../chunk-7VOQKIIK.mjs";
-import "../../chunk-2CLPU5LR.mjs";
+import "../../chunk-KH63CD55.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-QR5CKZLL.mjs";
+import "../../chunk-VNRGOOSY.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-Q364C3FI.mjs";
-import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-YQYO5RLZ.mjs";
-import "../../chunk-JKYLYL3A.mjs";
+import "../../chunk-4LUASWAN.mjs";
+import "../../chunk-5VTYO3RF.mjs";
+import "../../chunk-DO56H4BN.mjs";
+import "../../chunk-AKAGWXXP.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
@@ -19,7 +19,7 @@ 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-3V4HT2K5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";

package/dist/components/input/index.js

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

package/dist/components/input/index.mjs

@@ -2,12 +2,12 @@
 import "../../chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "../../chunk-QR5CKZLL.mjs";
+} from "../../chunk-VNRGOOSY.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/input/input.js

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

package/dist/components/input/input.mjs

@@ -2,12 +2,12 @@
 import {
   inputStyle,
   input_default
-} from "../../chunk-QR5CKZLL.mjs";
+} from "../../chunk-VNRGOOSY.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/list/index.js

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

package/dist/components/list/index.mjs

@@ -2,16 +2,16 @@
 import "../../chunk-7MVEAQ7Z.mjs";
 import {
   list_default
-} from "../../chunk-3IILPVRA.mjs";
+} from "../../chunk-NGRGAY42.mjs";
 import {
   listItem_default
-} from "../../chunk-CSG6FDBX.mjs";
+} from "../../chunk-HKLVFMYQ.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-ITFEV25U.mjs";
+import "../../chunk-VO332GRO.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   list_default as List,

package/dist/components/list/list.js

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

package/dist/components/list/list.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   list_default
-} from "../../chunk-3IILPVRA.mjs";
+} from "../../chunk-NGRGAY42.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   list_default as default

package/dist/components/list/listItem.js

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

package/dist/components/list/listItem.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   listItem_default
-} from "../../chunk-CSG6FDBX.mjs";
+} from "../../chunk-HKLVFMYQ.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-R7KUEH3N.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-ITFEV25U.mjs";
+import "../../chunk-VO332GRO.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   listItem_default as default

package/dist/components/modal/index.js

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

package/dist/components/modal/index.mjs

@@ -2,14 +2,14 @@
 import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "../../chunk-46EIW6MN.mjs";
+} from "../../chunk-SCQCMQDP.mjs";
 import "../../chunk-SE5TU755.mjs";
-import "../../chunk-AF4I7ZQS.mjs";
+import "../../chunk-IH3BJRTV.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-Q364C3FI.mjs";
-import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-YQYO5RLZ.mjs";
-import "../../chunk-JKYLYL3A.mjs";
+import "../../chunk-4LUASWAN.mjs";
+import "../../chunk-5VTYO3RF.mjs";
+import "../../chunk-DO56H4BN.mjs";
+import "../../chunk-AKAGWXXP.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
@@ -17,7 +17,7 @@ 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/modal/modal.js

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