@deepnoid/ui 0.1.181 → 0.1.183

package/dist/index.mjs

@@ -1,50 +1,50 @@
 "use client";
-import "./chunk-MBLZYQCN.mjs";
-import {
-  tree_default
-} from "./chunk-MWUA62VL.mjs";
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
 } from "./chunk-5KC3IFNR.mjs";
 import "./chunk-ZMOAFSYE.mjs";
 import "./chunk-WSIADHVC.mjs";
+import "./chunk-MBLZYQCN.mjs";
+import {
+  tree_default
+} from "./chunk-MWUA62VL.mjs";
 import "./chunk-3MY6LO7N.mjs";
 import {
   tabs_default
 } from "./chunk-DW3BX4M2.mjs";
+import "./chunk-RRAZM5D3.mjs";
+import {
+  textarea_default
+} from "./chunk-3CRSSRCH.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "./chunk-ROXKJQSJ.mjs";
-import "./chunk-ZOTHPHXA.mjs";
+} from "./chunk-4SDPS5R2.mjs";
 import {
   toast_default
 } from "./chunk-GS5X67UB.mjs";
-import "./chunk-RRAZM5D3.mjs";
-import {
-  textarea_default
-} from "./chunk-3CRSSRCH.mjs";
-import "./chunk-LVFI2NOH.mjs";
+import "./chunk-ZOTHPHXA.mjs";
+import "./chunk-OLQOLLKG.mjs";
 import {
-  switch_default
-} from "./chunk-AGE57VDD.mjs";
+  starRating_default
+} from "./chunk-X64VT74O.mjs";
 import "./chunk-DX3KXNP6.mjs";
 import {
   definition_table_default
 } from "./chunk-DS5CGU2X.mjs";
 import {
   table_default
-} from "./chunk-HOQAQVDA.mjs";
+} from "./chunk-VRHMQMRO.mjs";
 import "./chunk-MZ76AA76.mjs";
 import {
   skeleton_default
 } from "./chunk-6PN3DGOE.mjs";
-import "./chunk-OLQOLLKG.mjs";
+import "./chunk-LVFI2NOH.mjs";
 import {
-  starRating_default
-} from "./chunk-X64VT74O.mjs";
+  switch_default
+} from "./chunk-AGE57VDD.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default
@@ -112,7 +112,7 @@ import {
 import {
   BarChartTooltip,
   barChart_default
-} from "./chunk-JOK735WN.mjs";
+} from "./chunk-WKTRWHDA.mjs";
 import {
   circularProgress_default
 } from "./chunk-WA7CSZQ3.mjs";
@@ -121,7 +121,7 @@ import {
 } from "./chunk-U7SYKG2C.mjs";
 import {
   simpleBarChart_default
-} from "./chunk-GWHUQUKA.mjs";
+} from "./chunk-6WD32ERF.mjs";
 import {
   checkbox_default
 } from "./chunk-OEIEALIP.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.181",
+  "version": "0.1.183",
   "license": "MIT",
   "sideEffects": false,
   "exports": {

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-ROXKJQSJ.mjs → chunk-4SDPS5R2.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  getToastPosition
-} from "./chunk-ZOTHPHXA.mjs";
 import {
   toast_default
 } from "./chunk-GS5X67UB.mjs";
+import {
+  getToastPosition
+} from "./chunk-ZOTHPHXA.mjs";
 
 // src/components/toast/use-toast.tsx
 import { createContext, useContext, useState, useCallback, useEffect, useRef } from "react";