@deepnoid/ui 0.1.181 → 0.1.182

package/dist/chunk-JOK735WN.mjs

@@ -1,250 +0,0 @@
-"use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
-import {
-  tv
-} from "./chunk-U4DJHAM5.mjs";
-
-// src/components/charts/barChart.tsx
-import { forwardRef, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { XAxis, YAxis, ResponsiveContainer, CartesianGrid, BarChart, Bar } from "recharts";
-import { jsx, jsxs } from "react/jsx-runtime";
-var BarChartComponent = forwardRef((originalProps, ref) => {
-  const [props, variantProps] = mapPropsVariants(originalProps, barChartStyle.variantKeys);
-  const {
-    data = [],
-    label,
-    classNames,
-    yAxisTicks = [0, 20, 40, 60, 80, 100],
-    yAxisTickFormatter = (value) => `${value}`,
-    yAxisDomain = [-6, 110],
-    barGap = 20,
-    tooltipFormatter
-  } = { ...props, ...variantProps };
-  const slots = useMemo(() => barChartStyle({ ...variantProps }), [variantProps]);
-  const chartRef = useRef(null);
-  const tooltipRef = useRef(null);
-  const [tooltipLeft, setTooltipLeft] = useState(0);
-  const [tickPositions, setTickPositions] = useState([]);
-  const tickRef = useRef([]);
-  const [tooltipState, setTooltipState] = useState(null);
-  const handleMouseEnter = (e, dataKey) => {
-    if (!tooltipFormatter || !chartRef.current) return;
-    const { payload, x, y } = e;
-    if (!payload || !payload[dataKey]) return;
-    setTooltipState({
-      x,
-      y,
-      value: payload[dataKey],
-      dataKey,
-      label: payload.title
-    });
-  };
-  const handleMouseLeave = () => {
-    setTooltipState(null);
-  };
-  const CustomBarShape = ({ x, y, width, height, fill }) => {
-    const radius = 5;
-    const extraHeight = 10;
-    const adjustedHeight = height + extraHeight;
-    const adjustedY = y;
-    const bottomY = adjustedY + adjustedHeight;
-    return height ? /* @__PURE__ */ jsx(
-      "path",
-      {
-        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__ */ jsx("rect", { x, y, width, height: 0, fill });
-  };
-  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
-      }
-    );
-  };
-  const CustomYAxisTick = ({ x, y, payload }) => /* @__PURE__ */ jsx(
-    "text",
-    {
-      x: x - 10,
-      y,
-      textAnchor: "middle",
-      fontSize: 12,
-      fontWeight: 700,
-      fill: "currentColor",
-      className: "text-body-foreground",
-      dy: 4,
-      children: yAxisTickFormatter(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);
-  }, [data]);
-  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 left = tooltipState.x - tooltipWidth / 2;
-    const padding = 8;
-    if (left < padding) {
-      left = padding;
-    } else if (left + tooltipWidth > chartWidth - padding) {
-      left = chartWidth - tooltipWidth - padding;
-    }
-    setTooltipLeft(left);
-  }, [tooltipState]);
-  return /* @__PURE__ */ jsxs("div", { ref: chartRef, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), onMouseLeave: handleMouseLeave, children: [
-    label && /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label }),
-    /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ jsxs(
-      BarChart,
-      {
-        data,
-        margin: { left: -20 },
-        barSize: 20,
-        barGap,
-        className: "[&_.recharts-surface]:outline-none [&_.recharts-surface]:focus:outline-none",
-        children: [
-          /* @__PURE__ */ jsxs("defs", { children: [
-            /* @__PURE__ */ jsxs("linearGradient", { id: "blueGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-              /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#DEC1FA" }),
-              /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#3F9CF2" })
-            ] }),
-            /* @__PURE__ */ jsxs("linearGradient", { id: "greenGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-              /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#C2E59C" }),
-              /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#64B3F4" })
-            ] }),
-            /* @__PURE__ */ jsxs("linearGradient", { id: "pinkGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
-              /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "#DDD6F3" }),
-              /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "#FAACA8" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            CartesianGrid,
-            {
-              vertical: true,
-              horizontal: false,
-              strokeDasharray: "4 4",
-              className: "stroke-neutral-light",
-              verticalPoints: tickPositions
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            XAxis,
-            {
-              dataKey: "title",
-              axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-              tickLine: false,
-              tick: CustomTick,
-              padding: { left: 0, right: 0 }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            YAxis,
-            {
-              axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
-              tickLine: false,
-              tick: CustomYAxisTick,
-              ticks: yAxisTicks,
-              domain: yAxisDomain
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Bar,
-            {
-              dataKey: "blue",
-              fill: "url(#blueGradient)",
-              shape: CustomBarShape,
-              onMouseEnter: (e) => handleMouseEnter(e, "blue"),
-              onMouseLeave: handleMouseLeave
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Bar,
-            {
-              dataKey: "green",
-              fill: "url(#greenGradient)",
-              shape: CustomBarShape,
-              onMouseEnter: (e) => handleMouseEnter(e, "green"),
-              onMouseLeave: handleMouseLeave
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Bar,
-            {
-              dataKey: "pink",
-              fill: "url(#pinkGradient)",
-              shape: CustomBarShape,
-              onMouseEnter: (e) => handleMouseEnter(e, "pink"),
-              onMouseLeave: handleMouseLeave
-            }
-          )
-        ]
-      }
-    ) }),
-    tooltipFormatter && /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: tooltipRef,
-        style: {
-          position: "absolute",
-          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",
-          width: "fit-content",
-          whiteSpace: "nowrap"
-        },
-        children: tooltipState && tooltipFormatter(tooltipState)
-      }
-    )
-  ] });
-});
-BarChartComponent.displayName = "barChart";
-var barChart_default = BarChartComponent;
-var barChartStyle = tv({
-  slots: {
-    base: ["flex", "flex-col", "gap-[10px]", "select-none", "relative"],
-    label: ["text-md", "font-bold", "text-body-foreground"]
-  },
-  variants: {},
-  defaultVariants: {}
-});
-function BarChartTooltip({ className = "", children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `text-md text-common-white bg-common-black flex max-w-[160px] whitespace-nowrap rounded-[5px] px-[10px] py-[6px] text-center font-bold ${className}`,
-      children
-    }
-  );
-}
-
-export {
-  barChart_default,
-  BarChartTooltip
-};

package/dist/{chunk-OEIEALIP.mjs → chunk-3DCUMRYP.mjs}

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

package/dist/{chunk-3CRSSRCH.mjs → chunk-3HXNAVAN.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/textarea/textarea.tsx
 import {

package/dist/{chunk-IH3BJRTV.mjs → chunk-4X35QQTI.mjs}

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

package/dist/{chunk-RXDRG6MC.mjs → chunk-7H6U5XJA.mjs}

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

package/dist/{chunk-KH63CD55.mjs → chunk-ACZ3DQVT.mjs}

@@ -1,13 +1,13 @@
 "use client";
+import {
+  useIsMounted
+} from "./chunk-3V4HT2K5.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-U4DJHAM5.mjs";
-import {
-  useIsMounted
-} from "./chunk-3V4HT2K5.mjs";
 
 // src/components/progress/progress.tsx
 import { useMemo } from "react";

package/dist/{chunk-DS5CGU2X.mjs → chunk-BH3I4LIZ.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  tv
-} from "./chunk-U4DJHAM5.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
+import {
+  tv
+} from "./chunk-U4DJHAM5.mjs";
 
 // src/components/table/definition-table.tsx
 import { forwardRef, useMemo } from "react";

package/dist/{chunk-GS5X67UB.mjs → chunk-GVTYOGSV.mjs}

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

package/dist/{chunk-4EELFA6L.mjs → chunk-LE7PGMCV.mjs}

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

package/dist/{chunk-4LUASWAN.mjs → chunk-NDNIAALB.mjs}

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

package/dist/{chunk-MWUA62VL.mjs → chunk-NKF2TQMA.mjs}

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

package/dist/{chunk-A3WPBLOW.mjs → chunk-UINFH5AT.mjs}

@@ -2,12 +2,12 @@
 import {
   Icon_default
 } from "./chunk-B4YBLIBE.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 import {
   avatar_default
 } from "./chunk-PCASWP2U.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-U4DJHAM5.mjs";

package/dist/{chunk-PRNE3U26.mjs → chunk-XL6LZDT4.mjs}

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

package/dist/{chunk-45Y7ANPK.mjs → chunk-ZFC5O2V3.mjs}

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