@deepnoid/ui 0.1.159 → 0.1.161

package/dist/components/avatar/avatar.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   avatar_default
-} from "../../chunk-ITFEV25U.mjs";
+} from "../../chunk-VO332GRO.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   avatar_default as default

package/dist/components/avatar/index.js

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

package/dist/components/avatar/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-7DLOYKVC.mjs";
 import {
   avatar_default
-} from "../../chunk-ITFEV25U.mjs";
+} from "../../chunk-VO332GRO.mjs";
 import "../../chunk-DDFJMHBC.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   avatar_default as Avatar

package/dist/components/backdrop/backdrop.js

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

package/dist/components/backdrop/backdrop.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   backdrop_default
-} from "../../chunk-AF4I7ZQS.mjs";
-import "../../chunk-CDXBML6O.mjs";
+} from "../../chunk-IH3BJRTV.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/backdrop/index.js

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

package/dist/components/backdrop/index.mjs

@@ -2,8 +2,8 @@
 import "../../chunk-SE5TU755.mjs";
 import {
   backdrop_default
-} from "../../chunk-AF4I7ZQS.mjs";
-import "../../chunk-CDXBML6O.mjs";
+} from "../../chunk-IH3BJRTV.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/breadcrumb/breadcrumb.js

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

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   breadcrumb_default
-} from "../../chunk-PXAJEOZS.mjs";
+} from "../../chunk-6DOAZ27E.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";
@@ -14,7 +14,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/breadcrumb/index.js

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

package/dist/components/breadcrumb/index.mjs

@@ -2,12 +2,12 @@
 import "../../chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "../../chunk-PXAJEOZS.mjs";
+} from "../../chunk-6DOAZ27E.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";
@@ -15,7 +15,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/button/button-group.js

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

package/dist/components/button/button-group.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   button_group_default
-} from "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-CDXBML6O.mjs";
+} from "../../chunk-5VTYO3RF.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   button_group_default as default

package/dist/components/button/button.js

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

package/dist/components/button/button.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   button_default
-} from "../../chunk-YQYO5RLZ.mjs";
+} from "../../chunk-DO56H4BN.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
@@ -9,7 +9,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-AC6TWLRT.mjs";
 export {
   button_default as default

package/dist/components/button/icon-button.js

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

package/dist/components/button/icon-button.mjs

@@ -1,7 +1,7 @@
 "use client";
 import {
   icon_button_default
-} from "../../chunk-JKYLYL3A.mjs";
+} from "../../chunk-AKAGWXXP.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-SZL743JC.mjs";
@@ -9,7 +9,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-AC6TWLRT.mjs";
 export {
   icon_button_default as default

package/dist/components/button/index.js

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

package/dist/components/button/index.mjs

@@ -2,16 +2,16 @@
 import "../../chunk-MY5U63QO.mjs";
 import {
   text_button_default
-} from "../../chunk-Q364C3FI.mjs";
+} from "../../chunk-4LUASWAN.mjs";
 import {
   button_group_default
-} from "../../chunk-ITWKPTSD.mjs";
+} from "../../chunk-5VTYO3RF.mjs";
 import {
   button_default
-} from "../../chunk-YQYO5RLZ.mjs";
+} from "../../chunk-DO56H4BN.mjs";
 import {
   icon_button_default
-} from "../../chunk-JKYLYL3A.mjs";
+} from "../../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-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/button/text-button.js

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

package/dist/components/button/text-button.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   text_button_default
-} from "../../chunk-Q364C3FI.mjs";
+} from "../../chunk-4LUASWAN.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/charts/areaChart.js

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

package/dist/components/charts/areaChart.mjs

@@ -1,11 +1,11 @@
 "use client";
 import {
   areaChart_default
-} from "../../chunk-D4IFXO36.mjs";
+} from "../../chunk-ARNMOGRH.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-EWS3FESG.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/charts/barChart.d.mts

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as react from 'react';
@@ -40,5 +41,8 @@ declare const barChartStyle: tailwind_variants.TVReturnType<{}, {
 }, undefined, unknown, unknown, undefined>>;
 type barChartVariantProps = VariantProps<typeof barChartStyle>;
 type barChartSlots = keyof ReturnType<typeof barChartStyle>;
+declare function BarChartTooltip({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
 
-export { type barChartProps, BarChartComponent as default };
+export { BarChartTooltip, type barChartProps, BarChartComponent as default };

package/dist/components/charts/barChart.d.ts

@@ -1,3 +1,4 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as react from 'react';
@@ -40,5 +41,8 @@ declare const barChartStyle: tailwind_variants.TVReturnType<{}, {
 }, undefined, unknown, unknown, undefined>>;
 type barChartVariantProps = VariantProps<typeof barChartStyle>;
 type barChartSlots = keyof ReturnType<typeof barChartStyle>;
+declare function BarChartTooltip({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
 
-export { type barChartProps, BarChartComponent as default };
+export { BarChartTooltip, type barChartProps, BarChartComponent as default };

package/dist/components/charts/barChart.js

@@ -102,6 +102,7 @@ var require_plugin = __commonJS({
 // src/components/charts/barChart.tsx
 var barChart_exports = {};
 __export(barChart_exports, {
+  BarChartTooltip: () => BarChartTooltip,
   default: () => barChart_default
 });
 module.exports = __toCommonJS(barChart_exports);
@@ -173,6 +174,13 @@ var fontSize = {
       lineHeight: "27px",
       fontWeight: "400"
     }
+  ],
+  "2xl": [
+    "24px",
+    {
+      lineHeight: "36px",
+      fontWeight: "400"
+    }
   ]
 };
 
@@ -383,11 +391,14 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
     tooltipFormatter
   } = { ...props, ...variantProps };
   const slots = (0, import_react.useMemo)(() => barChartStyle({ ...variantProps }), [variantProps]);
+  const chartRef = (0, import_react.useRef)(null);
+  const tooltipRef = (0, import_react.useRef)(null);
+  const [tooltipLeft, setTooltipLeft] = (0, import_react.useState)(0);
   const [tickPositions, setTickPositions] = (0, import_react.useState)([]);
   const tickRef = (0, import_react.useRef)([]);
   const [tooltipState, setTooltipState] = (0, import_react.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({
@@ -457,7 +468,21 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
     });
     return () => cancelAnimationFrame(raf);
   }, [data]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: [
+  (0, import_react.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_runtime.jsxs)("div", { ref: chartRef, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_recharts.BarChart,
@@ -545,17 +570,21 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
         ]
       }
     ) }),
-    tooltipFormatter && tooltipState && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime.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)
       }
     )
   ] });
@@ -570,3 +599,10 @@ var barChartStyle = tv({
   variants: {},
   defaultVariants: {}
 });
+function BarChartTooltip({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.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 });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BarChartTooltip
+});

package/dist/components/charts/barChart.mjs

@@ -1,10 +1,12 @@
 "use client";
 import {
+  BarChartTooltip,
   barChart_default
-} from "../../chunk-5PJMKFMX.mjs";
+} from "../../chunk-V25UBATO.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
+  BarChartTooltip,
   barChart_default as default
 };

package/dist/components/charts/circularProgress.js

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

package/dist/components/charts/circularProgress.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   circularProgress_default
-} from "../../chunk-U2MHQYVG.mjs";
+} from "../../chunk-553TGKS6.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-U4DJHAM5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   circularProgress_default as default

package/dist/components/charts/index.d.mts

@@ -1,7 +1,8 @@
 export { default as CircularProgress } from './circularProgress.mjs';
 export { default as AreaChart } from './areaChart.mjs';
-export { default as BarChart } from './barChart.mjs';
+export { default as BarChart, BarChartTooltip } from './barChart.mjs';
 export { default as RadarChart } from './radarChart.mjs';
 import 'tailwind-variants';
 import 'react';
 import '../../utils/types.mjs';
+import 'react/jsx-runtime';

package/dist/components/charts/index.d.ts

@@ -1,7 +1,8 @@
 export { default as CircularProgress } from './circularProgress.js';
 export { default as AreaChart } from './areaChart.js';
-export { default as BarChart } from './barChart.js';
+export { default as BarChart, BarChartTooltip } from './barChart.js';
 export { default as RadarChart } from './radarChart.js';
 import 'tailwind-variants';
 import 'react';
 import '../../utils/types.js';
+import 'react/jsx-runtime';