@deepnoid/ui 0.1.48 → 0.1.50

package/dist/chunk-VYLYF6G5.mjs

@@ -1,143 +0,0 @@
-"use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
-
-// src/components/charts/areaCharts.tsx
-import { forwardRef, useMemo, useState, useRef, useEffect, useId } from "react";
-import { AreaChart, Area, XAxis, YAxis, ResponsiveContainer, 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 { areaData, color = "primary", classNames } = { ...props, ...variantProps };
-  const slots = useMemo(() => areaChartStyle({ ...variantProps }), [variantProps]);
-  const COLOR_MAP = {
-    primary: "#3F9CF2",
-    danger: "#FF4684"
-  };
-  const colorHex = useMemo(() => COLOR_MAP[color], [color]);
-  const [tickPositions, setTickPositions] = useState([]);
-  const tickRef = useRef([]);
-  const CustomTick = ({ x, y, payload }) => {
-    if (x !== void 0) {
-      tickRef.current.push(x);
-    }
-    return /* @__PURE__ */ jsx(
-      "text",
-      {
-        x,
-        y: y + 14,
-        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);
-  }, [areaData]);
-  const CustomDotWithShadow = (props2) => {
-    const { cx, cy, fill, stroke } = props2;
-    if (cx === void 0 || cy === void 0) 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 })
-    ] });
-  };
-  return /* @__PURE__ */ jsx("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(AreaChart, { data: areaData, 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: [-10, 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: { r: 7, fill: colorHex }
-      }
-    )
-  ] }) }) });
-});
-AreaChartComponent.displayName = "AreaChart";
-var areaCharts_default = AreaChartComponent;
-var areaChartStyle = tv({
-  slots: {
-    base: [],
-    color: [],
-    axis: ["text-sm", "font-bold", "text-center", "text-body-foreground"]
-  },
-  variants: {
-    color: {
-      primary: {
-        color: ["text-primary-main"]
-      },
-      danger: {
-        color: ["text-danger-main"]
-      }
-    }
-  },
-  defaultVariants: {
-    color: "primary"
-  }
-});
-
-export {
-  areaCharts_default
-};

package/dist/{chunk-SSMMWMQC.mjs → chunk-2YMAKIZ6.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/tabs/tabs.tsx
 import { forwardRef, useCallback, useMemo, useState } from "react";

package/dist/{chunk-6K3E5BVO.mjs → chunk-7TAGGLNY.mjs}

@@ -8,12 +8,12 @@ import {
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/button/icon-button.tsx
 import { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-X6D7C7QZ.mjs → chunk-A7RU3FU5.mjs}

@@ -6,12 +6,12 @@ import {
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/dateTimePicker/calendar.tsx
 import React, {

package/dist/{chunk-YLRYHUTW.mjs → chunk-D6QI3DJG.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/checkbox/checkbox.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-R62HK726.mjs → chunk-GH6CPGFN.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/input/input.tsx
 import {

package/dist/{chunk-UFVQPPPW.mjs → chunk-HIVPDIEP.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/list/list.tsx
 import { Children, cloneElement, forwardRef, isValidElement, useMemo } from "react";

package/dist/{chunk-P5QCU457.mjs → chunk-LL6F3WDX.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  clsx
-} from "./chunk-27Y6K5NK.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
 
 // src/components/backdrop/backdrop.tsx
 import { useEffect, useState } from "react";

package/dist/{chunk-7W2ZI2DD.mjs → chunk-MEY4IL7D.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/toast/toast.tsx
 import { forwardRef, useImperativeHandle, useMemo, useRef } from "react";

package/dist/{chunk-WPIFIRCJ.mjs → chunk-NFQMXW4Z.mjs}

@@ -2,12 +2,12 @@
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
-import {
-  clsx
-} from "./chunk-27Y6K5NK.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
 
 // src/components/tree/tree.tsx
 import { forwardRef, useMemo, useState, useCallback } from "react";

package/dist/{chunk-33LANVZV.mjs → chunk-QIRL6HY6.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/radio/radio.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-W45H2ZMW.mjs → chunk-RT3S3VVJ.mjs}

@@ -5,12 +5,12 @@ import {
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/list/listItem.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-7J3KVOTS.mjs → chunk-UB4YBFOT.mjs}

@@ -8,12 +8,12 @@ import {
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/button/button.tsx
 import React, { forwardRef, useMemo, useCallback } from "react";

package/dist/{chunk-2PKM7SLZ.mjs → chunk-WFMFC7R6.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/button/text-button.tsx
 import {

package/dist/{chunk-Y6XQTWB5.mjs → chunk-WLNLVX7Q.mjs}

@@ -2,12 +2,12 @@
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/chip/chip.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-IL5ENWCR.mjs → chunk-Z2537DF6.mjs}

@@ -6,12 +6,12 @@ import {
   getTailClassName,
   getTailStyles
 } from "./chunk-WSIADHVC.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-4ZJFD3L3.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/tooltip/tooltip.tsx
 import { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from "react";

package/dist/{chunk-XWBAGKP6.mjs → chunk-ZYWQWFVT.mjs}

@@ -2,15 +2,15 @@
 import {
   Icon_default
 } from "./chunk-2TKEWFGH.mjs";
+import {
+  tv
+} from "./chunk-4ZJFD3L3.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-4ZJFD3L3.mjs";
 
 // src/components/select/select.tsx
 import { forwardRef, useMemo, useState, useRef, useEffect } from "react";