@deepnoid/ui 1.0.21 → 1.0.23

package/dist/components/charts/barChart.js

@@ -77,16 +77,14 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   const picked = variantKeys.reduce((acc, key) => {
     if (key in props) {
       return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
     }
+    return acc;
   }, {});
   if (removeVariantProps) {
     const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
     return [omitted, picked];
-  } else {
-    return [props, picked];
   }
+  return [props, picked];
 };
 
 // src/components/charts/barChart.tsx
@@ -113,7 +111,7 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
   const handleMouseEnter = (e, dataKey) => {
     if (!tooltipFormatter || !chartRef.current) return;
     const { payload, x, y } = e;
-    if (!payload || !payload[dataKey]) return;
+    if (!(payload == null ? void 0 : payload[dataKey])) return;
     setTooltipState({
       barX: x,
       barY: y - 10,
@@ -125,7 +123,7 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
   const handleMouseLeave = () => {
     setTooltipState(null);
   };
-  const CustomBarShape = ({ x, y, width, height, fill }) => {
+  function CustomBarShape({ x, y, width, height, fill }) {
     var _a;
     const radius = 5;
     const [minDomain, maxDomain] = yAxisDomain;
@@ -144,38 +142,40 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
         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`,
         fill
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x, y, width, height: 0, fill });
-  };
-  const CustomTick = ({ x, y, payload }) => {
+    ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { fill, height: 0, width, x, y });
+  }
+  function CustomTick({ x, y, payload }) {
     if (x !== void 0) tickRef.current.push(x);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "text",
       {
+        className: "text-body-foreground",
+        fill: "currentColor",
+        fontSize: 12,
+        fontWeight: 700,
+        textAnchor: "middle",
         x,
         y: y + 14,
-        textAnchor: "middle",
+        children: payload.value
+      }
+    );
+  }
+  function CustomYAxisTick({ x, y, payload }) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "text",
+      {
+        className: "text-body-foreground",
+        dy: 4,
+        fill: "currentColor",
         fontSize: 12,
         fontWeight: 700,
-        fill: "currentColor",
-        className: "text-body-foreground",
-        children: payload.value
+        textAnchor: "middle",
+        x: x - 10,
+        y,
+        children: yAxisTickFormatter(payload.value)
       }
     );
-  };
-  const CustomYAxisTick = ({ x, y, payload }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "text",
-    {
-      x: x - 10,
-      y,
-      textAnchor: "middle",
-      fontSize: 12,
-      fontWeight: 700,
-      fill: "currentColor",
-      className: "text-body-foreground",
-      dy: 4,
-      children: yAxisTickFormatter(payload.value)
-    }
-  );
+  }
   (0, import_react.useEffect)(() => {
     const raf = requestAnimationFrame(() => {
       const unique = [...new Set(tickRef.current)].sort((a, b) => a - b);
@@ -186,7 +186,9 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
       setTickPositions(mids);
       tickRef.current = [];
     });
-    return () => cancelAnimationFrame(raf);
+    return () => {
+      cancelAnimationFrame(raf);
+    };
   }, [data]);
   (0, import_react.useLayoutEffect)(() => {
     if (!tooltipState || !chartRef.current || !tooltipRef.current) return;
@@ -206,7 +208,6 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
-      ref: chartRef,
       className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
       onMouseLeave: handleMouseLeave,
       onMouseMove: (e) => {
@@ -215,27 +216,28 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
           setTooltipState(null);
         }
       },
+      ref: chartRef,
       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)(
+        label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.ResponsiveContainer, { height: "100%", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           import_recharts.BarChart,
           {
-            data,
-            margin: { left: -20 },
-            barSize: 20,
             barGap,
+            barSize: 20,
             className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
+            data,
+            margin: { left: -20 },
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "blueGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "blueGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: "#DEC1FA" }),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: "#3F9CF2" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "greenGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "greenGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: "#C2E59C" }),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: "#64B3F4" })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "pinkGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: "pinkGradient", x1: "0", x2: "0", y1: "0", y2: "1", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: "#DDD6F3" }),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: "#FAACA8" })
                 ] })
@@ -243,31 +245,31 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_recharts.CartesianGrid,
                 {
-                  vertical: true,
+                  className: "stroke-neutral-light",
                   horizontal: false,
                   strokeDasharray: "4 4",
-                  className: "stroke-neutral-light",
+                  vertical: true,
                   verticalPoints: tickPositions
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_recharts.XAxis,
                 {
-                  dataKey: "title",
                   axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-                  tickLine: false,
+                  dataKey: "title",
+                  padding: { left: 0, right: 0 },
                   tick: CustomTick,
-                  padding: { left: 0, right: 0 }
+                  tickLine: false
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_recharts.YAxis,
                 {
                   axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-                  tickLine: false,
+                  domain: yAxisDomain,
                   tick: CustomYAxisTick,
-                  ticks: yAxisTicks,
-                  domain: yAxisDomain
+                  tickLine: false,
+                  ticks: yAxisTicks
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -275,9 +277,11 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
                 {
                   dataKey: "blue",
                   fill: "url(#blueGradient)",
-                  shape: CustomBarShape,
-                  onMouseEnter: (e) => handleMouseEnter(e, "blue"),
-                  onMouseLeave: handleMouseLeave
+                  onMouseEnter: (e) => {
+                    handleMouseEnter(e, "blue");
+                  },
+                  onMouseLeave: handleMouseLeave,
+                  shape: CustomBarShape
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -285,9 +289,11 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
                 {
                   dataKey: "green",
                   fill: "url(#greenGradient)",
-                  shape: CustomBarShape,
-                  onMouseEnter: (e) => handleMouseEnter(e, "green"),
-                  onMouseLeave: handleMouseLeave
+                  onMouseEnter: (e) => {
+                    handleMouseEnter(e, "green");
+                  },
+                  onMouseLeave: handleMouseLeave,
+                  shape: CustomBarShape
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -295,15 +301,17 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
                 {
                   dataKey: "pink",
                   fill: "url(#pinkGradient)",
-                  shape: CustomBarShape,
-                  onMouseEnter: (e) => handleMouseEnter(e, "pink"),
-                  onMouseLeave: handleMouseLeave
+                  onMouseEnter: (e) => {
+                    handleMouseEnter(e, "pink");
+                  },
+                  onMouseLeave: handleMouseLeave,
+                  shape: CustomBarShape
                 }
               )
             ]
           }
         ) }),
-        tooltipFormatter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        tooltipFormatter ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
             ref: tooltipRef,
@@ -319,9 +327,9 @@ var BarChartComponent = (0, import_react.forwardRef)((originalProps, ref) => {
               width: "fit-content",
               whiteSpace: "nowrap"
             },
-            children: tooltipState && tooltipFormatter(tooltipState)
+            children: tooltipState ? tooltipFormatter(tooltipState) : null
           }
-        )
+        ) : null
       ]
     }
   );

package/dist/components/charts/barChart.mjs

@@ -2,8 +2,8 @@
 import {
   BarChartTooltip,
   barChart_default
-} from "../../chunk-62M6VPFS.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-HDCCDPYL.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   BarChartTooltip,

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

@@ -4,13 +4,13 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
-type Props = {
+interface Props {
     label?: string;
     size?: number;
     percentage: number;
     innerContent?: ReactNode;
     classNames?: SlotsToClasses<CircularProgressSlots>;
-};
+}
 type CircularProgressProps = Props & CircularProgressVariantProps;
 declare const CircularProgress: react.ForwardRefExoticComponent<Props & CircularProgressVariantProps & react.RefAttributes<HTMLDivElement>>;
 

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

@@ -4,13 +4,13 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
-type Props = {
+interface Props {
     label?: string;
     size?: number;
     percentage: number;
     innerContent?: ReactNode;
     classNames?: SlotsToClasses<CircularProgressSlots>;
-};
+}
 type CircularProgressProps = Props & CircularProgressVariantProps;
 declare const CircularProgress: react.ForwardRefExoticComponent<Props & CircularProgressVariantProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/charts/circularProgress.js

@@ -35,16 +35,14 @@ var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
   const picked = variantKeys.reduce((acc, key) => {
     if (key in props) {
       return { ...acc, [key]: props[key] };
-    } else {
-      return acc;
     }
+    return acc;
   }, {});
   if (removeVariantProps) {
     const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
     return [omitted, picked];
-  } else {
-    return [props, picked];
   }
+  return [props, picked];
 };
 
 // src/utils/tailwind-variants.ts
@@ -128,21 +126,21 @@ var CircularProgress = (0, import_react.forwardRef)((originalProps, ref) => {
   const wrappedInnerContent = (0, import_react.useMemo)(() => {
     return wrapSpanWithClass(innerContent);
   }, [innerContent]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: slots.base({ class: classNames == null ? void 0 : classNames.base }), ref, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", style: { width: size, height: size }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         import_recharts.RadialBarChart,
         {
-          width: size,
+          barSize: BAR_SIZE,
+          data,
+          endAngle: -270,
           height: size,
           innerRadius: INNER_RADIUS - 0.1,
           outerRadius: OUTER_RADIUS,
-          barSize: BAR_SIZE,
-          data,
           startAngle: 90,
-          endAngle: -270,
+          width: size,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: gradientId, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", { id: gradientId, x1: "0%", x2: "100%", y1: "0%", y2: "100%", children: [
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "0%", stopColor: currentGradient.start }),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", { offset: "100%", stopColor: currentGradient.end })
             ] }) }),
@@ -151,8 +149,8 @@ var CircularProgress = (0, import_react.forwardRef)((originalProps, ref) => {
               {
                 cx: size / 2,
                 cy: size / 2,
-                r: OUTER_RADIUS + BORDER_MARGIN,
                 fill: "#fff",
+                r: OUTER_RADIUS + BORDER_MARGIN,
                 stroke: "#DFE2E7",
                 strokeWidth: "1"
               }
@@ -162,20 +160,20 @@ var CircularProgress = (0, import_react.forwardRef)((originalProps, ref) => {
               {
                 cx: size / 2,
                 cy: size / 2,
-                r: BACKGROUND_RADIUS,
                 fill: "none",
+                r: BACKGROUND_RADIUS,
                 stroke: "rgba(0, 0, 0, 0.05)",
                 strokeWidth: BAR_SIZE
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.PolarAngleAxis, { type: "number", domain: [0, 100], angleAxisId: 0, tick: false }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.RadialBar, { dataKey: "value", cornerRadius: 12, animationDuration: 1e3, fill: `url(#${gradientId})` })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.PolarAngleAxis, { angleAxisId: 0, domain: [0, 100], tick: false, type: "number" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_recharts.RadialBar, { animationDuration: 1e3, cornerRadius: 12, dataKey: "value", fill: `url(#${gradientId})` })
           ]
         }
       ),
-      innerContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: slots.inner({ class: classNames == null ? void 0 : classNames.inner }), children: wrappedInnerContent })
+      innerContent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: slots.inner({ class: classNames == null ? void 0 : classNames.inner }), children: wrappedInnerContent }) : null
     ] }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label })
+    label ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }) : null
   ] });
 });
 CircularProgress.displayName = "CircularProgress";

package/dist/components/charts/circularProgress.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   circularProgress_default
-} from "../../chunk-PIUOU6LS.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+} from "../../chunk-TEF3UA4E.mjs";
+import "../../chunk-UWT2WB6H.mjs";
 import "../../chunk-UP6RPQDX.mjs";
 export {
   circularProgress_default as default