@deepnoid/ui 0.1.103 → 0.1.104

package/dist/{chunk-7MYSJYLU.mjs → chunk-5QBCGJ6F.mjs}

@@ -4,16 +4,16 @@ import {
 } from "./chunk-AF4I7ZQS.mjs";
 import {
   button_default
-} from "./chunk-NJBW7LHL.mjs";
+} from "./chunk-ZAZRIZES.mjs";
 import {
   Icon_default
 } from "./chunk-42ZEP5KO.mjs";
-import {
-  tv
-} from "./chunk-CDXBML6O.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/modal/modal.tsx
 import { forwardRef, useMemo, useEffect } from "react";

package/dist/{chunk-B7N7UND4.mjs → chunk-5V7QOW3Z.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   text_button_default
-} from "./chunk-W6Q5QOTQ.mjs";
+} from "./chunk-Q364C3FI.mjs";
 import {
   Icon_default
 } from "./chunk-42ZEP5KO.mjs";

package/dist/chunk-63KZGR73.mjs

@@ -0,0 +1,72 @@
+"use client";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
+
+// src/components/charts/radarChart.tsx
+import {
+  RadarChart as RechartsRadarChart,
+  PolarGrid,
+  PolarAngleAxis,
+  Radar,
+  ResponsiveContainer,
+  PolarRadiusAxis
+} from "recharts";
+import { forwardRef, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RadarChart = forwardRef((originalProps, ref) => {
+  const [props, variantProps] = mapPropsVariants(originalProps, radarChartStyle.variantKeys);
+  const { data, label, classNames } = { ...props, ...variantProps };
+  const slots = useMemo(() => radarChartStyle({ ...variantProps }), [variantProps]);
+  const maxFullMark = useMemo(() => {
+    if (!data || data.length === 0) return 100;
+    return Math.max(...data.map((item) => item.fullMark || 100));
+  }, [data]);
+  return /* @__PURE__ */ jsxs("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+    /* @__PURE__ */ jsx(ResponsiveContainer, { width: 580, height: 330, children: /* @__PURE__ */ jsxs(RechartsRadarChart, { data, outerRadius: "80%", children: [
+      /* @__PURE__ */ jsx(PolarGrid, { stroke: "#DFE2E7", strokeWidth: 1.75 }),
+      /* @__PURE__ */ jsx(
+        PolarAngleAxis,
+        {
+          dataKey: "name",
+          tick: { fill: "#333", fontSize: 12, fontWeight: "bold" },
+          tickFormatter: (value) => value,
+          tickSize: 15
+        }
+      ),
+      /* @__PURE__ */ jsx(PolarRadiusAxis, { domain: [0, maxFullMark], tick: false, tickCount: 6, axisLine: false }),
+      /* @__PURE__ */ jsx(
+        Radar,
+        {
+          name: label,
+          dataKey: "value",
+          stroke: "#3F9CF2",
+          fill: "#C7E5FA",
+          strokeWidth: 1.75,
+          dot: false,
+          activeDot: false
+        }
+      )
+    ] }) }),
+    label && /* @__PURE__ */ jsx("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label })
+  ] });
+});
+RadarChart.displayName = "RadarChart";
+var radarChart_default = RadarChart;
+var radarChartStyle = tv({
+  slots: {
+    base: ["flex", "flex-col", "items-center", "gap-[10px]"],
+    label: ["text-sm", "font-bold", "text-left", "text-body-foreground"]
+  },
+  variants: {},
+  defaultVariants: {
+    color: "primary"
+  }
+});
+
+export {
+  radarChart_default
+};

package/dist/{chunk-ROY3DIJ7.mjs → chunk-CAWVV3GB.mjs}

@@ -7,16 +7,16 @@ import {
 } from "./chunk-M37VBNB3.mjs";
 import {
   pagination_default
-} from "./chunk-RHYTP5HU.mjs";
+} from "./chunk-INLPDQPX.mjs";
 import {
   checkbox_default
-} from "./chunk-6P7ROOHO.mjs";
-import {
-  clsx
-} from "./chunk-27Y6K5NK.mjs";
+} from "./chunk-H6JGLPPF.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  clsx
+} from "./chunk-27Y6K5NK.mjs";
 
 // src/components/table/table.tsx
 import {

package/dist/{chunk-R7YPNJCS.mjs → chunk-HICV5USF.mjs}

@@ -1,22 +1,22 @@
 "use client";
 import {
   calendar_default
-} from "./chunk-6VB47MFU.mjs";
+} from "./chunk-M6OU3WU5.mjs";
 import {
   timePicker_default
-} from "./chunk-T4MOOKIT.mjs";
+} from "./chunk-MWVT5W6Z.mjs";
 import {
   useDatePicker
 } from "./chunk-FWJ2ZKH6.mjs";
 import {
   Icon_default
 } from "./chunk-42ZEP5KO.mjs";
-import {
-  tv
-} from "./chunk-CDXBML6O.mjs";
 import {
   mapPropsVariants
 } from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-CDXBML6O.mjs";
 
 // src/components/dateTimePicker/dateTimePicker.tsx
 import React, { forwardRef, useCallback, useMemo } from "react";

package/dist/{chunk-RHYTP5HU.mjs → chunk-INLPDQPX.mjs}

@@ -4,19 +4,19 @@ import {
 } from "./chunk-F3HENRVM.mjs";
 import {
   input_default
-} from "./chunk-ONFDA4T3.mjs";
+} from "./chunk-KXM3JHFI.mjs";
 import {
   Icon_default
 } from "./chunk-42ZEP5KO.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
 import {
   tv
 } from "./chunk-CDXBML6O.mjs";
 import {
   clsx
 } from "./chunk-27Y6K5NK.mjs";
-import {
-  mapPropsVariants
-} from "./chunk-E3G5QXSH.mjs";
 
 // src/components/pagination/pagination.tsx
 import { forwardRef, useMemo, useState } from "react";

package/dist/{chunk-IZZQ37U7.mjs → chunk-LX4634YV.mjs}

@@ -1,16 +1,16 @@
 "use client";
 import {
   progress_default
-} from "./chunk-GYNELEN5.mjs";
+} from "./chunk-2CLPU5LR.mjs";
 import {
   input_default
-} from "./chunk-ONFDA4T3.mjs";
+} from "./chunk-KXM3JHFI.mjs";
 import {
   button_default
-} from "./chunk-NJBW7LHL.mjs";
+} from "./chunk-ZAZRIZES.mjs";
 import {
   icon_button_default
-} from "./chunk-J522ZGOE.mjs";
+} from "./chunk-5DYEKMAC.mjs";
 
 // src/components/fileUpload/fileUpload.tsx
 import { useRef, useState, useEffect } from "react";

package/dist/{chunk-T4MOOKIT.mjs → chunk-MWVT5W6Z.mjs}

@@ -1,10 +1,10 @@
 "use client";
-import {
-  listItem_default
-} from "./chunk-7CEZLWX6.mjs";
 import {
   list_default
-} from "./chunk-2Q3V5U7K.mjs";
+} from "./chunk-3IILPVRA.mjs";
+import {
+  listItem_default
+} from "./chunk-SCKSEIJH.mjs";
 
 // src/components/dateTimePicker/timePicker.tsx
 import { useState, useRef, useEffect } from "react";

package/dist/{chunk-CYEVEBJJ.mjs → chunk-VAAET4UC.mjs}

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

package/dist/components/accordion/accordion.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   accordion_default
-} from "../../chunk-VAZKSQN6.mjs";
-import "../../chunk-CDXBML6O.mjs";
+} from "../../chunk-EKLA6ZR4.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-CDXBML6O.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-2NKKPM4H.mjs";
-import "../../chunk-CDXBML6O.mjs";
+} from "../../chunk-I3ADJOUT.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-CDXBML6O.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-VAZKSQN6.mjs";
+} from "../../chunk-EKLA6ZR4.mjs";
 import {
   accordionItem_default
-} from "../../chunk-2NKKPM4H.mjs";
-import "../../chunk-CDXBML6O.mjs";
+} from "../../chunk-I3ADJOUT.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   accordion_default as Accordion,

package/dist/components/breadcrumb/breadcrumb.mjs

@@ -1,21 +1,21 @@
 "use client";
 import {
   breadcrumb_default
-} from "../../chunk-B7N7UND4.mjs";
+} from "../../chunk-5V7QOW3Z.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-W6Q5QOTQ.mjs";
+import "../../chunk-Q364C3FI.mjs";
 import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-NJBW7LHL.mjs";
-import "../../chunk-J522ZGOE.mjs";
+import "../../chunk-ZAZRIZES.mjs";
+import "../../chunk-5DYEKMAC.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-42ZEP5KO.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-EVS5XU5X.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   breadcrumb_default as default

package/dist/components/breadcrumb/index.mjs

@@ -2,21 +2,21 @@
 import "../../chunk-KYIODWXL.mjs";
 import {
   breadcrumb_default
-} from "../../chunk-B7N7UND4.mjs";
+} from "../../chunk-5V7QOW3Z.mjs";
 import "../../chunk-MY5U63QO.mjs";
-import "../../chunk-W6Q5QOTQ.mjs";
+import "../../chunk-Q364C3FI.mjs";
 import "../../chunk-ITWKPTSD.mjs";
-import "../../chunk-NJBW7LHL.mjs";
-import "../../chunk-J522ZGOE.mjs";
+import "../../chunk-ZAZRIZES.mjs";
+import "../../chunk-5DYEKMAC.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-42ZEP5KO.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-EVS5XU5X.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   breadcrumb_default as Breadcrumb

package/dist/components/button/button.mjs

@@ -1,15 +1,15 @@
 "use client";
 import {
   button_default
-} from "../../chunk-NJBW7LHL.mjs";
+} from "../../chunk-ZAZRIZES.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-42ZEP5KO.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-EVS5XU5X.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   button_default as default

package/dist/components/button/icon-button.mjs

@@ -1,15 +1,15 @@
 "use client";
 import {
   icon_button_default
-} from "../../chunk-J522ZGOE.mjs";
+} from "../../chunk-5DYEKMAC.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-42ZEP5KO.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-EVS5XU5X.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   icon_button_default as default

package/dist/components/button/index.mjs

@@ -2,25 +2,25 @@
 import "../../chunk-MY5U63QO.mjs";
 import {
   text_button_default
-} from "../../chunk-W6Q5QOTQ.mjs";
+} from "../../chunk-Q364C3FI.mjs";
 import {
   button_group_default
 } from "../../chunk-ITWKPTSD.mjs";
 import {
   button_default
-} from "../../chunk-NJBW7LHL.mjs";
+} from "../../chunk-ZAZRIZES.mjs";
 import {
   icon_button_default
-} from "../../chunk-J522ZGOE.mjs";
+} from "../../chunk-5DYEKMAC.mjs";
 import "../../chunk-6WSACUIB.mjs";
 import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-42ZEP5KO.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-EVS5XU5X.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   button_default as Button,

package/dist/components/button/text-button.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   text_button_default
-} from "../../chunk-W6Q5QOTQ.mjs";
+} from "../../chunk-Q364C3FI.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   text_button_default as default

package/dist/components/charts/areaChart.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   areaChart_default
-} from "../../chunk-K6X36ITU.mjs";
-import "../../chunk-CDXBML6O.mjs";
+} from "../../chunk-WIZDHK4O.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   areaChart_default as default

package/dist/components/charts/barChart.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   barChart_default
-} from "../../chunk-OSKY2V2A.mjs";
-import "../../chunk-CDXBML6O.mjs";
+} from "../../chunk-GAZ472ZU.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   barChart_default as default

package/dist/components/charts/circularProgress.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   circularProgress_default
-} from "../../chunk-ZFHBOZEE.mjs";
-import "../../chunk-CDXBML6O.mjs";
+} from "../../chunk-7VS6YXNB.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   circularProgress_default as default

package/dist/components/charts/index.d.mts

@@ -1,6 +1,7 @@
 export { default as CircularProgress } from './circularProgress.mjs';
 export { default as AreaChart } from './areaChart.mjs';
 export { default as BarChart } from './barChart.mjs';
+export { default as RadarChart } from './radarChart.mjs';
 import 'tailwind-variants';
 import 'react';
 import '../../utils/types.mjs';

package/dist/components/charts/index.d.ts

@@ -1,6 +1,7 @@
 export { default as CircularProgress } from './circularProgress.js';
 export { default as AreaChart } from './areaChart.js';
 export { default as BarChart } from './barChart.js';
+export { default as RadarChart } from './radarChart.js';
 import 'tailwind-variants';
 import 'react';
 import '../../utils/types.js';

package/dist/components/charts/index.js

@@ -104,7 +104,8 @@ var charts_exports = {};
 __export(charts_exports, {
   AreaChart: () => areaChart_default,
   BarChart: () => barChart_default,
-  CircularProgress: () => circularProgress_default
+  CircularProgress: () => circularProgress_default,
+  RadarChart: () => radarChart_default
 });
 module.exports = __toCommonJS(charts_exports);
 
@@ -719,9 +720,64 @@ var barChartStyle = tv({
     color: "primary"
   }
 });
+
+// src/components/charts/radarChart.tsx
+var import_recharts4 = require("recharts");
+var import_react4 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var RadarChart = (0, import_react4.forwardRef)((originalProps, ref) => {
+  const [props, variantProps] = mapPropsVariants(originalProps, radarChartStyle.variantKeys);
+  const { data, label, classNames } = { ...props, ...variantProps };
+  const slots = (0, import_react4.useMemo)(() => radarChartStyle({ ...variantProps }), [variantProps]);
+  const maxFullMark = (0, import_react4.useMemo)(() => {
+    if (!data || data.length === 0) return 100;
+    return Math.max(...data.map((item) => item.fullMark || 100));
+  }, [data]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { ref, className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_recharts4.ResponsiveContainer, { width: 580, height: 330, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_recharts4.RadarChart, { data, outerRadius: "80%", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_recharts4.PolarGrid, { stroke: "#DFE2E7", strokeWidth: 1.75 }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_recharts4.PolarAngleAxis,
+        {
+          dataKey: "name",
+          tick: { fill: "#333", fontSize: 12, fontWeight: "bold" },
+          tickFormatter: (value) => value,
+          tickSize: 15
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_recharts4.PolarRadiusAxis, { domain: [0, maxFullMark], tick: false, tickCount: 6, axisLine: false }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_recharts4.Radar,
+        {
+          name: label,
+          dataKey: "value",
+          stroke: "#3F9CF2",
+          fill: "#C7E5FA",
+          strokeWidth: 1.75,
+          dot: false,
+          activeDot: false
+        }
+      )
+    ] }) }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: slots.label({ class: classNames == null ? void 0 : classNames.label }), children: label })
+  ] });
+});
+RadarChart.displayName = "RadarChart";
+var radarChart_default = RadarChart;
+var radarChartStyle = tv({
+  slots: {
+    base: ["flex", "flex-col", "items-center", "gap-[10px]"],
+    label: ["text-sm", "font-bold", "text-left", "text-body-foreground"]
+  },
+  variants: {},
+  defaultVariants: {
+    color: "primary"
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AreaChart,
   BarChart,
-  CircularProgress
+  CircularProgress,
+  RadarChart
 });

package/dist/components/charts/index.mjs

@@ -1,19 +1,23 @@
 "use client";
-import "../../chunk-XOH6GWRD.mjs";
+import "../../chunk-VYNBJBXD.mjs";
 import {
   areaChart_default
-} from "../../chunk-K6X36ITU.mjs";
+} from "../../chunk-WIZDHK4O.mjs";
 import {
   barChart_default
-} from "../../chunk-OSKY2V2A.mjs";
+} from "../../chunk-GAZ472ZU.mjs";
 import {
   circularProgress_default
-} from "../../chunk-ZFHBOZEE.mjs";
-import "../../chunk-CDXBML6O.mjs";
+} from "../../chunk-7VS6YXNB.mjs";
+import {
+  radarChart_default
+} from "../../chunk-63KZGR73.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   areaChart_default as AreaChart,
   barChart_default as BarChart,
-  circularProgress_default as CircularProgress
+  circularProgress_default as CircularProgress,
+  radarChart_default as RadarChart
 };

package/dist/components/charts/radarChart.d.mts

@@ -0,0 +1,32 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as react from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
+
+type RadarData = {
+    name: string;
+    value: number;
+    fullMark?: number;
+};
+type Props = {
+    data?: RadarData[];
+    label?: string;
+    classNames?: SlotsToClasses<RadarChartSlots>;
+};
+type RadarChartProps = Props & RadarChartVariantProps;
+declare const RadarChart: react.ForwardRefExoticComponent<Props & RadarChartVariantProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const radarChartStyle: tailwind_variants.TVReturnType<{}, {
+    base: string[];
+    label: string[];
+}, undefined, {}, {
+    base: string[];
+    label: string[];
+}, tailwind_variants.TVReturnType<{}, {
+    base: string[];
+    label: string[];
+}, undefined, unknown, unknown, undefined>>;
+type RadarChartVariantProps = VariantProps<typeof radarChartStyle>;
+type RadarChartSlots = keyof ReturnType<typeof radarChartStyle>;
+
+export { type RadarChartProps, RadarChart as default };

package/dist/components/charts/radarChart.d.ts

@@ -0,0 +1,32 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as react from 'react';
+import { SlotsToClasses } from '../../utils/types.js';
+
+type RadarData = {
+    name: string;
+    value: number;
+    fullMark?: number;
+};
+type Props = {
+    data?: RadarData[];
+    label?: string;
+    classNames?: SlotsToClasses<RadarChartSlots>;
+};
+type RadarChartProps = Props & RadarChartVariantProps;
+declare const RadarChart: react.ForwardRefExoticComponent<Props & RadarChartVariantProps & react.RefAttributes<HTMLDivElement>>;
+
+declare const radarChartStyle: tailwind_variants.TVReturnType<{}, {
+    base: string[];
+    label: string[];
+}, undefined, {}, {
+    base: string[];
+    label: string[];
+}, tailwind_variants.TVReturnType<{}, {
+    base: string[];
+    label: string[];
+}, undefined, unknown, unknown, undefined>>;
+type RadarChartVariantProps = VariantProps<typeof radarChartStyle>;
+type RadarChartSlots = keyof ReturnType<typeof radarChartStyle>;
+
+export { type RadarChartProps, RadarChart as default };