@deepnoid/ui 0.1.42 → 0.1.44

package/dist/components/modal/index.mjs

@@ -3,16 +3,16 @@ import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
 } from "../../chunk-IC25OKBJ.mjs";
+import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-SE5TU755.mjs";
 import "../../chunk-LL6F3WDX.mjs";
-import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
 import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
-import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/modal/modal.mjs

@@ -2,16 +2,16 @@
 import {
   modal_default
 } from "../../chunk-IC25OKBJ.mjs";
+import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-7TAGGLNY.mjs";
+import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-SE5TU755.mjs";
 import "../../chunk-LL6F3WDX.mjs";
-import "../../chunk-MY5U63QO.mjs";
 import "../../chunk-LPZOH3RP.mjs";
 import "../../chunk-UB4YBFOT.mjs";
-import "../../chunk-7TAGGLNY.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
-import "../../chunk-WFMFC7R6.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/table/index.js

@@ -5569,7 +5569,7 @@ var tableStyle = (0, import_tailwind_variants7.tv)({
     table: ["w-full", "h-auto"],
     thead: ["w-full"],
     tbody: ["w-full"],
-    tr: ["group", "outline-none", "w-full", "h-full"],
+    tr: ["group/tr", "outline-none", "w-full", "h-full"],
     th: [
       "text-body-foreground",
       "font-bold",

package/dist/components/table/index.mjs

@@ -1,17 +1,17 @@
 "use client";
 import "../../chunk-DX3KXNP6.mjs";
-import {
-  table_default
-} from "../../chunk-6ZL5NEEI.mjs";
 import {
   definition_table_default
 } from "../../chunk-6TIIBU7J.mjs";
+import {
+  table_default
+} from "../../chunk-RIW4TT6V.mjs";
 import "../../chunk-BPEMHZH3.mjs";
 import "../../chunk-P7YYNA6L.mjs";
-import "../../chunk-DQRAFUDA.mjs";
-import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-MZ76AA76.mjs";
 import "../../chunk-6PN3DGOE.mjs";
+import "../../chunk-DQRAFUDA.mjs";
+import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
 import "../../chunk-MCNCHQ33.mjs";
 import "../../chunk-F3HENRVM.mjs";

package/dist/components/table/table.js

@@ -5566,7 +5566,7 @@ var tableStyle = (0, import_tailwind_variants7.tv)({
     table: ["w-full", "h-auto"],
     thead: ["w-full"],
     tbody: ["w-full"],
-    tr: ["group", "outline-none", "w-full", "h-full"],
+    tr: ["group/tr", "outline-none", "w-full", "h-full"],
     th: [
       "text-body-foreground",
       "font-bold",

package/dist/components/table/table.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   table_default
-} from "../../chunk-6ZL5NEEI.mjs";
+} from "../../chunk-RIW4TT6V.mjs";
 import "../../chunk-BPEMHZH3.mjs";
 import "../../chunk-P7YYNA6L.mjs";
-import "../../chunk-DQRAFUDA.mjs";
-import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-MZ76AA76.mjs";
 import "../../chunk-6PN3DGOE.mjs";
+import "../../chunk-DQRAFUDA.mjs";
+import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
 import "../../chunk-MCNCHQ33.mjs";
 import "../../chunk-F3HENRVM.mjs";

package/dist/components/toast/index.mjs

@@ -3,11 +3,11 @@ import "../../chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "../../chunk-IBI3OVQI.mjs";
-import "../../chunk-ZOTHPHXA.mjs";
+} from "../../chunk-CTBTYNSM.mjs";
 import {
   toast_default
 } from "../../chunk-MEY4IL7D.mjs";
+import "../../chunk-ZOTHPHXA.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/components/toast/use-toast.mjs

@@ -2,9 +2,9 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-IBI3OVQI.mjs";
-import "../../chunk-ZOTHPHXA.mjs";
+} from "../../chunk-CTBTYNSM.mjs";
 import "../../chunk-MEY4IL7D.mjs";
+import "../../chunk-ZOTHPHXA.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-2TKEWFGH.mjs";
 import "../../chunk-2SDYFOZL.mjs";

package/dist/index.d.mts

@@ -28,6 +28,8 @@ export { default as ScrollArea } from './components/scroll/scrollArea.mjs';
 export { default as Tree, TreeNode } from './components/tree/tree.mjs';
 export { default as FileUpload } from './components/fileUpload/fileUpload.mjs';
 export { default as Skeleton } from './components/skeleton/skeleton.mjs';
+export { default as CircularProgress } from './components/charts/circularProgress.mjs';
+export { default as AreaChart } from './components/charts/areaCharts.mjs';
 export { tv } from './utils/tailwind-variants.mjs';
 export { deepnoidUi } from '@deepnoid/tailwind-config';
 export { VariantProps } from 'tailwind-variants';

package/dist/index.d.ts

@@ -28,6 +28,8 @@ export { default as ScrollArea } from './components/scroll/scrollArea.js';
 export { default as Tree, TreeNode } from './components/tree/tree.js';
 export { default as FileUpload } from './components/fileUpload/fileUpload.js';
 export { default as Skeleton } from './components/skeleton/skeleton.js';
+export { default as CircularProgress } from './components/charts/circularProgress.js';
+export { default as AreaChart } from './components/charts/areaCharts.js';
 export { tv } from './utils/tailwind-variants.js';
 export { deepnoidUi } from '@deepnoid/tailwind-config';
 export { VariantProps } from 'tailwind-variants';

package/dist/index.js

@@ -102,6 +102,7 @@ var require_plugin = __commonJS({
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  AreaChart: () => areaCharts_default,
   Avatar: () => avatar_default,
   Backdrop: () => backdrop_default,
   Breadcrumb: () => breadcrumb_default,
@@ -109,6 +110,7 @@ __export(index_exports, {
   ButtonGroup: () => button_group_default,
   CheckBox: () => checkbox_default,
   Chip: () => chip_default,
+  CircularProgress: () => circularProgress_default,
   DateTimePicker: () => dateTimePicker_default,
   DefinitionTable: () => definition_table_default,
   FileUpload: () => fileUpload_default,
@@ -7550,7 +7552,7 @@ var tableStyle = (0, import_tailwind_variants16.tv)({
     table: ["w-full", "h-auto"],
     thead: ["w-full"],
     tbody: ["w-full"],
-    tr: ["group", "outline-none", "w-full", "h-full"],
+    tr: ["group/tr", "outline-none", "w-full", "h-full"],
     th: [
       "text-body-foreground",
       "font-bold",
@@ -10514,8 +10516,230 @@ var fileUploadStyle = (0, import_tailwind_variants30.tv)({
     helperMessage: ["text-neutral-main", "text-sm"]
   }
 });
+
+// src/components/charts/circularProgress.tsx
+var import_recharts = require("recharts");
+var import_react34 = require("react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var CircularProgress = (0, import_react34.forwardRef)((originalProps, ref) => {
+  const [props, variantProps] = mapPropsVariants(originalProps, circularProgressStyle.variantKeys);
+  const { title, size = 150, color, percentage, unit, classNames } = { ...props, ...variantProps };
+  const slots = (0, import_react34.useMemo)(() => circularProgressStyle({ ...variantProps }), [variantProps]);
+  const data = [
+    {
+      name: title,
+      value: percentage
+    }
+  ];
+  const BAR_SIZE = 24;
+  const OUTER_RADIUS = 88;
+  const INNER_RADIUS = OUTER_RADIUS - BAR_SIZE;
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: `relative h-[${size}px] w-[${size}px]`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+        import_recharts.RadialBarChart,
+        {
+          width: size,
+          height: size,
+          innerRadius: INNER_RADIUS,
+          outerRadius: OUTER_RADIUS,
+          barSize: BAR_SIZE,
+          data,
+          startAngle: 90,
+          endAngle: -270,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              "circle",
+              {
+                cx: size / 2,
+                cy: size / 2,
+                r: INNER_RADIUS + BAR_SIZE / 2,
+                className: slots.background({ class: classNames == null ? void 0 : classNames.background }),
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_recharts.PolarAngleAxis, { type: "number", domain: [0, 100], angleAxisId: 0, tick: false }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+              import_recharts.RadialBar,
+              {
+                dataKey: "value",
+                cornerRadius: 12,
+                animationDuration: 1e3,
+                className: slots.progress({ class: classNames == null ? void 0 : classNames.progress })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { className: slots.text({ class: classNames == null ? void 0 : classNames.text }), children: [
+        percentage,
+        unit
+      ] }) })
+    ] }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: slots.title({ class: classNames == null ? void 0 : classNames.title }), children: title })
+  ] });
+});
+CircularProgress.displayName = "CircularProgress";
+var circularProgress_default = CircularProgress;
+var circularProgressStyle = tv({
+  slots: {
+    base: ["flex", "flex-col", "items-center", "gap-[20px]"],
+    background: [],
+    progress: ["transition-all", "duration-1000 ease-out"],
+    text: ["text-xl", "font-bold"],
+    title: ["text-md", "font-bold", "text-center", "text-body-foreground"]
+  },
+  variants: {
+    color: {
+      primary: {
+        background: ["fill-primary-soft"],
+        progress: ["fill-primary-main"],
+        text: ["text-primary-dark"]
+      },
+      secondary: {
+        background: ["fill-secondary-soft"],
+        progress: ["fill-secondary-main"],
+        text: ["text-secondary-dark"]
+      },
+      warning: {
+        background: ["fill-warning-soft"],
+        progress: ["fill-warning-main"],
+        text: ["text-warning-dark"]
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary"
+  }
+});
+
+// src/components/charts/areaCharts.tsx
+var import_react35 = require("react");
+var import_recharts2 = require("recharts");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var AreaChartComponent = (0, import_react35.forwardRef)((originalProps, ref) => {
+  var _a, _b;
+  const [props, variantProps] = mapPropsVariants(originalProps, areaChartStyle.variantKeys);
+  const { areaData, color, classNames } = { ...props, ...variantProps };
+  const slots = (0, import_react35.useMemo)(() => areaChartStyle({ ...variantProps }), [variantProps]);
+  const colorHex = (_b = (_a = areaChartStyle.variants.color) == null ? void 0 : _a[color || "primary"]) == null ? void 0 : _b._colorValue;
+  const [xTickPositions, setXTickPositions] = (0, import_react35.useState)([]);
+  const midPoints = (0, import_react35.useMemo)(() => {
+    const sorted = [...xTickPositions].sort((a, b) => a - b);
+    const mids = [];
+    for (let i = 0; i < sorted.length - 1; i++) {
+      mids.push((sorted[i] + sorted[i + 1]) / 2);
+    }
+    return mids;
+  }, [xTickPositions]);
+  const CustomDotWithShadow = (props2) => {
+    const { cx, cy, fill, stroke } = props2;
+    if (cx === void 0 || cy === void 0) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("circle", { cx, cy, r: 8, fill, opacity: 0.2 }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("circle", { cx, cy, r: 3.5, fill, stroke, strokeWidth: 2 })
+    ] });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_recharts2.ResponsiveContainer, { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_recharts2.AreaChart, { data: areaData, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("linearGradient", { id: "colorGradient", x1: "0", y1: "0", x2: "0", y2: "1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("stop", { offset: "5%", stopColor: colorHex, stopOpacity: 0.3 }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("stop", { offset: "95%", stopColor: colorHex, stopOpacity: 0 })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      import_recharts2.CartesianGrid,
+      {
+        vertical: true,
+        horizontal: false,
+        strokeDasharray: "3 3",
+        className: "stroke-neutral-light",
+        verticalPoints: midPoints
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      import_recharts2.XAxis,
+      {
+        dataKey: "name",
+        axisLine: { stroke: "#DFE2E7", strokeWidth: 1 },
+        tickLine: false,
+        tick: ({ x, y, payload }) => {
+          setXTickPositions((prev) => {
+            if (!prev.includes(x)) return [...prev, x];
+            return prev;
+          });
+          return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            "text",
+            {
+              x,
+              y: y + 14,
+              textAnchor: "middle",
+              fontSize: 12,
+              fontWeight: 700,
+              fill: "currentColor",
+              className: "text-body-foreground",
+              children: payload.value
+            }
+          );
+        },
+        padding: { left: 35.5, right: 35.5 }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+      import_recharts2.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__ */ (0, import_jsx_runtime38.jsx)(
+      import_recharts2.Area,
+      {
+        type: "monotone",
+        dataKey: "value",
+        stroke: colorHex,
+        strokeWidth: 2,
+        fill: "url(#colorGradient)",
+        dot: /* @__PURE__ */ (0, import_jsx_runtime38.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"],
+        _colorValue: "#3F9CF2"
+      },
+      danger: {
+        color: ["text-danger-main"],
+        _colorValue: "#FF4684"
+      }
+    }
+  },
+  defaultVariants: {
+    color: "primary"
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AreaChart,
   Avatar,
   Backdrop,
   Breadcrumb,
@@ -10523,6 +10747,7 @@ var fileUploadStyle = (0, import_tailwind_variants30.tv)({
   ButtonGroup,
   CheckBox,
   Chip,
+  CircularProgress,
   DateTimePicker,
   DefinitionTable,
   FileUpload,

package/dist/index.mjs

@@ -1,4 +1,8 @@
 "use client";
+import "./chunk-RRAZM5D3.mjs";
+import {
+  textarea_default
+} from "./chunk-4EIGHKUO.mjs";
 import "./chunk-HIE2YRGA.mjs";
 import {
   tooltip_default
@@ -9,36 +13,40 @@ import "./chunk-MBLZYQCN.mjs";
 import {
   tree_default
 } from "./chunk-NFQMXW4Z.mjs";
-import "./chunk-3MY6LO7N.mjs";
+import "./chunk-DX3KXNP6.mjs";
 import {
-  tabs_default
-} from "./chunk-2YMAKIZ6.mjs";
-import "./chunk-RRAZM5D3.mjs";
+  definition_table_default
+} from "./chunk-6TIIBU7J.mjs";
 import {
-  textarea_default
-} from "./chunk-4EIGHKUO.mjs";
+  table_default
+} from "./chunk-RIW4TT6V.mjs";
+import "./chunk-BPEMHZH3.mjs";
+import "./chunk-P7YYNA6L.mjs";
 import "./chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "./chunk-IBI3OVQI.mjs";
-import "./chunk-ZOTHPHXA.mjs";
+} from "./chunk-CTBTYNSM.mjs";
 import {
   toast_default
 } from "./chunk-MEY4IL7D.mjs";
+import "./chunk-ZOTHPHXA.mjs";
+import "./chunk-MZ76AA76.mjs";
+import {
+  skeleton_default
+} from "./chunk-6PN3DGOE.mjs";
 import "./chunk-LVFI2NOH.mjs";
 import {
   switch_default
 } from "./chunk-AJUQBMSV.mjs";
-import "./chunk-DX3KXNP6.mjs";
+import "./chunk-MGEWSREV.mjs";
 import {
-  table_default
-} from "./chunk-6ZL5NEEI.mjs";
+  chip_default
+} from "./chunk-WLNLVX7Q.mjs";
+import "./chunk-3MY6LO7N.mjs";
 import {
-  definition_table_default
-} from "./chunk-6TIIBU7J.mjs";
-import "./chunk-BPEMHZH3.mjs";
-import "./chunk-P7YYNA6L.mjs";
+  tabs_default
+} from "./chunk-2YMAKIZ6.mjs";
 import "./chunk-DQRAFUDA.mjs";
 import {
   scrollArea_default
@@ -47,82 +55,81 @@ import "./chunk-QCEKPS7U.mjs";
 import {
   select_default
 } from "./chunk-NLYGDZK3.mjs";
-import "./chunk-MZ76AA76.mjs";
-import {
-  skeleton_default
-} from "./chunk-6PN3DGOE.mjs";
-import "./chunk-DJOG6Z35.mjs";
-import {
-  modal_default
-} from "./chunk-IC25OKBJ.mjs";
 import "./chunk-7B7LRG5J.mjs";
 import {
   pagination_default
 } from "./chunk-MCNCHQ33.mjs";
 import "./chunk-F3HENRVM.mjs";
+import "./chunk-DJOG6Z35.mjs";
+import {
+  modal_default
+} from "./chunk-IC25OKBJ.mjs";
 import "./chunk-TPFN22HR.mjs";
 import {
   radio_default
 } from "./chunk-QIRL6HY6.mjs";
 import "./chunk-RLXOHILK.mjs";
-import "./chunk-MGEWSREV.mjs";
+import {
+  fileUpload_default
+} from "./chunk-TRR232FS.mjs";
+import "./chunk-2GCSFWHD.mjs";
+import {
+  input_default
+} from "./chunk-GH6CPGFN.mjs";
+import "./chunk-QZ3LVYJW.mjs";
+import {
+  checkbox_default
+} from "./chunk-D6QI3DJG.mjs";
 import "./chunk-75HLCORR.mjs";
 import {
   dateTimePicker_default
-} from "./chunk-K7V4VE7R.mjs";
+} from "./chunk-WOEZHDJR.mjs";
 import "./chunk-A7RU3FU5.mjs";
-import "./chunk-BFOK4HVC.mjs";
+import "./chunk-KYJTZPXY.mjs";
 import "./chunk-7MVEAQ7Z.mjs";
-import {
-  listItem_default
-} from "./chunk-RT3S3VVJ.mjs";
 import {
   list_default
 } from "./chunk-HIVPDIEP.mjs";
+import {
+  listItem_default
+} from "./chunk-RT3S3VVJ.mjs";
 import "./chunk-FWJ2ZKH6.mjs";
 import "./chunk-P732YGHO.mjs";
+import "./chunk-KYIODWXL.mjs";
 import {
-  fileUpload_default
-} from "./chunk-25QOEKXS.mjs";
-import "./chunk-2GCSFWHD.mjs";
+  breadcrumb_default
+} from "./chunk-G67WUZO3.mjs";
+import "./chunk-MY5U63QO.mjs";
 import {
-  input_default
-} from "./chunk-GH6CPGFN.mjs";
-import "./chunk-QZ3LVYJW.mjs";
+  icon_button_default
+} from "./chunk-7TAGGLNY.mjs";
 import {
-  checkbox_default
-} from "./chunk-D6QI3DJG.mjs";
+  text_button_default
+} from "./chunk-WFMFC7R6.mjs";
+import "./chunk-3YMMVZDL.mjs";
 import {
-  chip_default
-} from "./chunk-WLNLVX7Q.mjs";
-import "./chunk-SE5TU755.mjs";
+  areaCharts_default
+} from "./chunk-NZOVUADT.mjs";
 import {
-  backdrop_default
-} from "./chunk-LL6F3WDX.mjs";
+  circularProgress_default
+} from "./chunk-TBZSYI6R.mjs";
 import "./chunk-7DLOYKVC.mjs";
 import {
   avatar_default
 } from "./chunk-SP3JVQY3.mjs";
-import "./chunk-KYIODWXL.mjs";
+import "./chunk-SE5TU755.mjs";
 import {
-  breadcrumb_default
-} from "./chunk-G67WUZO3.mjs";
-import "./chunk-MY5U63QO.mjs";
+  backdrop_default
+} from "./chunk-LL6F3WDX.mjs";
 import {
   button_group_default
 } from "./chunk-LPZOH3RP.mjs";
 import {
   button_default
 } from "./chunk-UB4YBFOT.mjs";
-import {
-  icon_button_default
-} from "./chunk-7TAGGLNY.mjs";
 import "./chunk-6WSACUIB.mjs";
 import "./chunk-LXHUO6VM.mjs";
 import "./chunk-6PNKRBUT.mjs";
-import {
-  text_button_default
-} from "./chunk-WFMFC7R6.mjs";
 import "./chunk-ZYIIXWVY.mjs";
 import {
   Icon_default,
@@ -137,6 +144,7 @@ import "./chunk-27Y6K5NK.mjs";
 import "./chunk-E3G5QXSH.mjs";
 import "./chunk-AC6TWLRT.mjs";
 export {
+  areaCharts_default as AreaChart,
   avatar_default as Avatar,
   backdrop_default as Backdrop,
   breadcrumb_default as Breadcrumb,
@@ -144,6 +152,7 @@ export {
   button_group_default as ButtonGroup,
   checkbox_default as CheckBox,
   chip_default as Chip,
+  circularProgress_default as CircularProgress,
   dateTimePicker_default as DateTimePicker,
   definition_table_default as DefinitionTable,
   fileUpload_default as FileUpload,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/ui",
-  "version": "0.1.42",
+  "version": "0.1.44",
   "license": "MIT",
   "sideEffects": false,
   "exports": {
@@ -28,6 +28,7 @@
     "framer-motion": "^12.10.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "recharts": "^2.15.3",
     "tailwind-variants": "^1.0.0"
   },
   "devDependencies": {
@@ -47,9 +48,9 @@
     "typescript": "^5.8.2"
   },
   "peerDependencies": {
+    "framer-motion": ">=12.10.0",
     "react": ">=19.1.0",
-    "react-dom": ">=19.1.0",
-    "framer-motion": ">=12.10.0"
+    "react-dom": ">=19.1.0"
   },
   "publishConfig": {
     "access": "public",

package/dist/{chunk-IBI3OVQI.mjs → chunk-CTBTYNSM.mjs}

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

package/dist/{chunk-BFOK4HVC.mjs → chunk-KYJTZPXY.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  listItem_default
-} from "./chunk-RT3S3VVJ.mjs";
 import {
   list_default
 } from "./chunk-HIVPDIEP.mjs";
+import {
+  listItem_default
+} from "./chunk-RT3S3VVJ.mjs";
 
 // src/components/dateTimePicker/timePicker.tsx
 import { useState, useRef, useEffect } from "react";