@deepnoid/ui 0.1.123 → 0.1.126

package/dist/chunk-IHLCZM5T.mjs

@@ -0,0 +1,198 @@
+"use client";
+import {
+  scrollArea_default
+} from "./chunk-M37VBNB3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-76QIZILI.mjs";
+
+// src/components/charts/areaChart.tsx
+import { forwardRef, useMemo, useState, useRef, useEffect, useId } from "react";
+import { AreaChart, Area, XAxis, YAxis, CartesianGrid } from "recharts";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var AreaChartComponent = forwardRef((originalProps, ref) => {
+  const uniqueId = useId();
+  const [props, variantProps] = mapPropsVariants(originalProps, areaChartStyle.variantKeys);
+  const {
+    data,
+    label,
+    headerContent,
+    color = "primary",
+    startFromZero = false,
+    itemWidth,
+    chartHeight = 240,
+    classNames
+  } = { ...props, ...variantProps };
+  const slots = useMemo(() => areaChartStyle({ ...variantProps }), [variantProps]);
+  const COLOR_MAP = {
+    primary: "#3F9CF2",
+    danger: "#FF4684"
+  };
+  const colorHex = useMemo(() => COLOR_MAP[color], [color]);
+  const totalChartWidth = useMemo(() => {
+    if (!data || !itemWidth) return void 0;
+    const dataLength = startFromZero ? data.length + 1 : data.length;
+    return dataLength * itemWidth;
+  }, [data, itemWidth, startFromZero]);
+  const needsScroll = useMemo(() => {
+    return totalChartWidth;
+  }, [totalChartWidth]);
+  const processedData = useMemo(() => {
+    if (!data) return [];
+    return data;
+  }, [data, startFromZero]);
+  const [tickPositions, setTickPositions] = useState([]);
+  const tickRef = useRef([]);
+  const CustomTick = ({ x, y, payload }) => {
+    if (x !== void 0) {
+      tickRef.current.push(x);
+    }
+    if (startFromZero && payload.value === "") {
+      return /* @__PURE__ */ jsx("g", {});
+    }
+    return /* @__PURE__ */ jsx(
+      "text",
+      {
+        x,
+        y: y + 11,
+        textAnchor: "middle",
+        fontSize: 12,
+        fontWeight: 700,
+        fill: "currentColor",
+        className: "text-body-foreground",
+        children: payload.value
+      }
+    );
+  };
+  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);
+  }, [processedData]);
+  const CustomDotWithShadow = (props2) => {
+    const { cx, cy, fill, stroke, payload } = props2;
+    if (cx === void 0 || cy === void 0) return null;
+    if (startFromZero && (payload == null ? void 0 : payload.name) === "") {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("circle", { cx, cy, r: 8, fill, opacity: 0.2 }),
+      /* @__PURE__ */ jsx("circle", { cx, cy, r: 3.5, fill, stroke, strokeWidth: 2 })
+    ] });
+  };
+  const chartContent = /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        width: totalChartWidth || "100%",
+        minWidth: totalChartWidth || "100%"
+      },
+      children: /* @__PURE__ */ jsxs(
+        AreaChart,
+        {
+          width: totalChartWidth || 400,
+          height: chartHeight + 30,
+          data: processedData,
+          margin: { left: -30 },
+          className: "bg-body-background [&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
+          children: [
+            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: `colorGradient-${uniqueId}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+              /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
+              /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
+            ] }) }),
+            /* @__PURE__ */ jsx(
+              CartesianGrid,
+              {
+                vertical: true,
+                horizontal: false,
+                strokeDasharray: "3 3",
+                className: "stroke-neutral-light",
+                verticalPoints: tickPositions
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              XAxis,
+              {
+                dataKey: "name",
+                axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
+                tickLine: false,
+                tick: CustomTick,
+                padding: { left: 35.5, right: 35.5 }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              YAxis,
+              {
+                axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
+                tickLine: false,
+                tick: {
+                  fontSize: 12,
+                  fontWeight: 700,
+                  fill: "text-body-foreground",
+                  textAnchor: "middle",
+                  dx: -10
+                },
+                ticks: [0, 20, 40, 60, 80, 100],
+                domain: [-6, 110]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Area,
+              {
+                type: "monotone",
+                dataKey: "value",
+                stroke: colorHex,
+                strokeWidth: 2,
+                fill: `url(#colorGradient-${uniqueId})`,
+                dot: /* @__PURE__ */ jsx(CustomDotWithShadow, { stroke: colorHex, fill: colorHex }),
+                activeDot: false
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+  return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+    label && /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
+    headerContent,
+    needsScroll ? /* @__PURE__ */ jsx(scrollArea_default, { direction: "x", size: "sm", children: chartContent }) : chartContent
+  ] });
+});
+AreaChartComponent.displayName = "AreaChart";
+var areaChart_default = AreaChartComponent;
+var areaChartStyle = tv({
+  slots: {
+    base: ["flex", "flex-col", "gap-[10px]", "select-none"],
+    color: [],
+    axis: ["text-sm", "font-bold", "text-center", "text-body-foreground"],
+    label: ["text-md", "font-bold", "text-body-foreground"]
+  },
+  variants: {
+    color: {
+      primary: {
+        color: ["text-primary-main"]
+      },
+      danger: {
+        color: ["text-danger-main"]
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary"
+  }
+});
+
+export {
+  areaChart_default
+};

package/dist/{chunk-AT6GNVOQ.mjs → chunk-IT6RD6KS.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 
 // src/components/chip/chip.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-AF4I7ZQS.mjs → chunk-IW2MDZBW.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-FF56E2UQ.mjs → chunk-J7IIHQNA.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-5MINOKNM.mjs → chunk-JC6635TJ.mjs}

@@ -1,10 +1,10 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-DD6HAIW3.mjs → chunk-KP2KOY5Z.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "./chunk-DLNGJVFS.mjs";
+} from "./chunk-5R3ARH2N.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";

package/dist/{chunk-2CLPU5LR.mjs → chunk-MCBAEW2Q.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 import {
   useIsMounted
 } from "./chunk-3V4HT2K5.mjs";

package/dist/{chunk-ITDBI3X2.mjs → chunk-MPUZ5T7X.mjs}

@@ -1,32 +1,32 @@
 "use client";
+import {
+  day_default
+} from "./chunk-2TDHQLVV.mjs";
 import {
   formatDateToString,
   formatStringToDate
 } from "./chunk-FWFEKWWD.mjs";
-import {
-  day_default
-} from "./chunk-4DESGO3D.mjs";
 import {
   input_default
-} from "./chunk-3F6OF2QS.mjs";
+} from "./chunk-ZI3MLO7X.mjs";
 import {
   text_button_default
-} from "./chunk-Q364C3FI.mjs";
+} from "./chunk-SDUDU3CU.mjs";
 import {
   button_default
-} from "./chunk-XOUAUSP4.mjs";
+} from "./chunk-TRLIC34S.mjs";
 import {
   icon_button_default
-} from "./chunk-6JLHCQH7.mjs";
+} from "./chunk-OLQJXFHU.mjs";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 
 // src/components/picker/datePicker.tsx
 import {

package/dist/{chunk-JGQ5MLQ7.mjs → chunk-OEFILEL3.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 
 // src/components/charts/radarChart.tsx
 import {

package/dist/{chunk-6JLHCQH7.mjs → chunk-OLQJXFHU.mjs}

@@ -7,13 +7,13 @@ import {
 } from "./chunk-SZL743JC.mjs";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 
 // src/components/button/icon-button.tsx
 import { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-LOYDOCOR.mjs → chunk-ORZW6F6E.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
 import {
   avatar_default
-} from "./chunk-VOKDAIUY.mjs";
+} from "./chunk-BBEOPH6B.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 
 // src/components/list/listItem.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-3IILPVRA.mjs → chunk-P3PXIJTU.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 
 // src/components/list/list.tsx
 import { Children, cloneElement, forwardRef, isValidElement, useMemo } from "react";

package/dist/{chunk-Q364C3FI.mjs → chunk-SDUDU3CU.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-D6MHTE5L.mjs → chunk-SJNXRXV5.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/{chunk-XOUAUSP4.mjs → chunk-TRLIC34S.mjs}

@@ -7,13 +7,13 @@ import {
 } from "./chunk-SZL743JC.mjs";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 
 // src/components/button/button.tsx
 import {

package/dist/{chunk-OGJONB7G.mjs → chunk-WNNOVISA.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 
 // src/components/charts/barChart.tsx
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-EKLA6ZR4.mjs → chunk-XL3K55LE.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 
 // src/components/accordion/accordion.tsx
 import React, { forwardRef, useMemo, useState } from "react";

package/dist/{chunk-YZ57UYAS.mjs → chunk-XX2PHROM.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   template
-} from "./chunk-BG4DIGKH.mjs";
+} from "./chunk-GQFNYXJZ.mjs";
 
 // src/components/icon/Icon.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-YBVJFHH6.mjs → chunk-YGOX6FBU.mjs}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 
 // src/components/tooltip/tooltip.tsx
 import { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from "react";

package/dist/{chunk-GZEAMYAO.mjs → chunk-YWLC7KRK.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
@@ -133,7 +133,6 @@ var Select = forwardRef((originalProps, ref) => {
               "div",
               {
                 role: "option",
-                title: option.label,
                 onClick: () => handleChangeOption(option),
                 className: clsx(
                   select({ ...variantProps, isSelected }).option({ class: classNames == null ? void 0 : classNames.option }),

package/dist/{chunk-3F6OF2QS.mjs → chunk-ZI3MLO7X.mjs}

@@ -1,13 +1,13 @@
 "use client";
 import {
   Icon_default
-} from "./chunk-YZ57UYAS.mjs";
+} from "./chunk-XX2PHROM.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
-} from "./chunk-CDXBML6O.mjs";
+} from "./chunk-76QIZILI.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";

package/dist/components/accordion/accordion.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   accordion_default
-} from "../../chunk-EKLA6ZR4.mjs";
+} from "../../chunk-XL3K55LE.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-76QIZILI.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   accordion_default as default

package/dist/components/accordion/accordionItem.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   accordionItem_default
-} from "../../chunk-I3ADJOUT.mjs";
+} from "../../chunk-CVXLLXLE.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-76QIZILI.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   accordionItem_default as default

package/dist/components/accordion/index.mjs

@@ -2,12 +2,12 @@
 import "../../chunk-NMSDSEBD.mjs";
 import {
   accordion_default
-} from "../../chunk-EKLA6ZR4.mjs";
+} from "../../chunk-XL3K55LE.mjs";
 import {
   accordionItem_default
-} from "../../chunk-I3ADJOUT.mjs";
+} from "../../chunk-CVXLLXLE.mjs";
 import "../../chunk-E3G5QXSH.mjs";
-import "../../chunk-CDXBML6O.mjs";
+import "../../chunk-76QIZILI.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   accordion_default as Accordion,