@hanzo/ui 5.3.39 → 5.3.41

package/dist/primitives/charts/pie/chart-pie-legend.js

@@ -1,41 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pie, PieChart } from "recharts";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartLegend, ChartLegendContent, } from "../../chart";
-export const description = "A pie chart with a legend";
-const chartData = [
-    { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" },
-    { browser: "safari", visitors: 200, fill: "var(--color-safari)" },
-    { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" },
-    { browser: "edge", visitors: 173, fill: "var(--color-edge)" },
-    { browser: "other", visitors: 90, fill: "var(--color-other)" },
-];
-const chartConfig = {
-    visitors: {
-        label: "Visitors",
-    },
-    chrome: {
-        label: "Chrome",
-        color: "hsl(var(--chart-1))",
-    },
-    safari: {
-        label: "Safari",
-        color: "hsl(var(--chart-2))",
-    },
-    firefox: {
-        label: "Firefox",
-        color: "hsl(var(--chart-3))",
-    },
-    edge: {
-        label: "Edge",
-        color: "hsl(var(--chart-4))",
-    },
-    other: {
-        label: "Other",
-        color: "hsl(var(--chart-5))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { className: "flex flex-col", children: [_jsxs(CardHeader, { className: "items-center pb-0", children: [_jsx(CardTitle, { children: "Pie Chart - Legend" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { className: "flex-1 pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[300px]", children: _jsxs(PieChart, { children: [_jsx(Pie, { data: chartData, dataKey: "visitors" }), _jsx(ChartLegend, { content: _jsx(ChartLegendContent, { nameKey: "browser" }), className: "-translate-y-2 flex-wrap gap-2 [&>*]:basis-1/4 [&>*]:justify-center" })] }) }) })] }));
-}

package/dist/primitives/charts/pie/chart-pie-separator-none.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A pie chart with no separator";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-pie-separator-none.d.ts.map

package/dist/primitives/charts/pie/chart-pie-separator-none.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-pie-separator-none.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/pie/chart-pie-separator-none.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,kCAAkC,CAAA;AAoC1D,MAAM,CAAC,OAAO,UAAU,SAAS,4CAoChC"}

package/dist/primitives/charts/pie/chart-pie-separator-none.js

@@ -1,42 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { Pie, PieChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A pie chart with no separator";
-const chartData = [
-    { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" },
-    { browser: "safari", visitors: 200, fill: "var(--color-safari)" },
-    { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" },
-    { browser: "edge", visitors: 173, fill: "var(--color-edge)" },
-    { browser: "other", visitors: 90, fill: "var(--color-other)" },
-];
-const chartConfig = {
-    visitors: {
-        label: "Visitors",
-    },
-    chrome: {
-        label: "Chrome",
-        color: "hsl(var(--chart-1))",
-    },
-    safari: {
-        label: "Safari",
-        color: "hsl(var(--chart-2))",
-    },
-    firefox: {
-        label: "Firefox",
-        color: "hsl(var(--chart-3))",
-    },
-    edge: {
-        label: "Edge",
-        color: "hsl(var(--chart-4))",
-    },
-    other: {
-        label: "Other",
-        color: "hsl(var(--chart-5))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { className: "flex flex-col", children: [_jsxs(CardHeader, { className: "items-center pb-0", children: [_jsx(CardTitle, { children: "Pie Chart - Separator None" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { className: "flex-1 pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[250px]", children: _jsxs(PieChart, { children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(Pie, { data: chartData, dataKey: "visitors", nameKey: "browser", stroke: "0" })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium leading-none", children: ["Trending up by 5.2% this month ", _jsx(TrendingUp, { className: "h-4 w-4" })] }), _jsx("div", { className: "leading-none text-muted-foreground", children: "Showing total visitors for the last 6 months" })] })] }));
-}

package/dist/primitives/charts/pie/index.d.ts

@@ -1,10 +0,0 @@
-export { default as PieDonutActive } from './chart-pie-donut-active';
-export { default as PieDonutText } from './chart-pie-donut-text';
-export { default as PieDonut } from './chart-pie-donut';
-export { default as PieInteractive } from './chart-pie-interactive';
-export { default as PieLabelCustom } from './chart-pie-label-custom';
-export { default as PieLabelList } from './chart-pie-label-list';
-export { default as PieLabel } from './chart-pie-label';
-export { default as PieLegend } from './chart-pie-legend';
-export { default as PieSeparatorNone } from './chart-pie-separator-none';
-//# sourceMappingURL=index.d.ts.map

package/dist/primitives/charts/pie/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/pie/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/primitives/charts/pie/index.js

@@ -1,10 +0,0 @@
-// Auto-generated index for pie charts
-export { default as PieDonutActive } from './chart-pie-donut-active';
-export { default as PieDonutText } from './chart-pie-donut-text';
-export { default as PieDonut } from './chart-pie-donut';
-export { default as PieInteractive } from './chart-pie-interactive';
-export { default as PieLabelCustom } from './chart-pie-label-custom';
-export { default as PieLabelList } from './chart-pie-label-list';
-export { default as PieLabel } from './chart-pie-label';
-export { default as PieLegend } from './chart-pie-legend';
-export { default as PieSeparatorNone } from './chart-pie-separator-none';

package/dist/primitives/charts/radar/chart-radar-default.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A radar chart";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-radar-default.d.ts.map

package/dist/primitives/charts/radar/chart-radar-default.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radar-default.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radar/chart-radar-default.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,kBAAkB,CAAA;AAkB1C,MAAM,CAAC,OAAO,UAAU,SAAS,4CAoChC"}

package/dist/primitives/charts/radar/chart-radar-default.js

@@ -1,24 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A radar chart";
-const chartData = [
-    { month: "January", desktop: 186 },
-    { month: "February", desktop: 305 },
-    { month: "March", desktop: 237 },
-    { month: "April", desktop: 273 },
-    { month: "May", desktop: 209 },
-    { month: "June", desktop: 214 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "items-center pb-4", children: [_jsx(CardTitle, { children: "Radar Chart" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { className: "pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[250px]", children: _jsxs(RadarChart, { data: chartData, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, {}) }), _jsx(PolarAngleAxis, { dataKey: "month" }), _jsx(PolarGrid, {}), _jsx(Radar, { dataKey: "desktop", fill: "var(--color-desktop)", fillOpacity: 0.6 })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium leading-none", children: ["Trending up by 5.2% this month ", _jsx(TrendingUp, { className: "h-4 w-4" })] }), _jsx("div", { className: "flex items-center gap-2 leading-none text-muted-foreground", children: "January - June 2024" })] })] }));
-}

package/dist/primitives/charts/radar/chart-radar-dots.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A radar chart with dots";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-radar-dots.d.ts.map

package/dist/primitives/charts/radar/chart-radar-dots.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radar-dots.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radar/chart-radar-dots.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,4BAA4B,CAAA;AAkBpD,MAAM,CAAC,OAAO,UAAU,SAAS,4CAwChC"}

package/dist/primitives/charts/radar/chart-radar-dots.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A radar chart with dots";
-const chartData = [
-    { month: "January", desktop: 186 },
-    { month: "February", desktop: 305 },
-    { month: "March", desktop: 237 },
-    { month: "April", desktop: 273 },
-    { month: "May", desktop: 209 },
-    { month: "June", desktop: 214 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "items-center", children: [_jsx(CardTitle, { children: "Radar Chart - Dots" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { className: "pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[250px]", children: _jsxs(RadarChart, { data: chartData, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, {}) }), _jsx(PolarAngleAxis, { dataKey: "month" }), _jsx(PolarGrid, {}), _jsx(Radar, { dataKey: "desktop", fill: "var(--color-desktop)", fillOpacity: 0.6, dot: {
-                                    r: 4,
-                                    fillOpacity: 1,
-                                } })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium leading-none", children: ["Trending up by 5.2% this month ", _jsx(TrendingUp, { className: "h-4 w-4" })] }), _jsx("div", { className: "flex items-center gap-2 leading-none text-muted-foreground", children: "January - June 2024" })] })] }));
-}

package/dist/primitives/charts/radar/chart-radar-grid-circle-fill.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A radar chart with a grid and circle fill";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-radar-grid-circle-fill.d.ts.map

package/dist/primitives/charts/radar/chart-radar-grid-circle-fill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radar-grid-circle-fill.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radar/chart-radar-grid-circle-fill.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,8CAA8C,CAAA;AAkBtE,MAAM,CAAC,OAAO,UAAU,SAAS,4CAuChC"}

package/dist/primitives/charts/radar/chart-radar-grid-circle-fill.js

@@ -1,24 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A radar chart with a grid and circle fill";
-const chartData = [
-    { month: "January", desktop: 186 },
-    { month: "February", desktop: 285 },
-    { month: "March", desktop: 237 },
-    { month: "April", desktop: 203 },
-    { month: "May", desktop: 209 },
-    { month: "June", desktop: 264 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "items-center pb-4", children: [_jsx(CardTitle, { children: "Radar Chart - Grid Circle Filled" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { className: "pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[250px]", children: _jsxs(RadarChart, { data: chartData, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, {}) }), _jsx(PolarGrid, { className: "fill-[--color-desktop] opacity-20", gridType: "circle" }), _jsx(PolarAngleAxis, { dataKey: "month" }), _jsx(Radar, { dataKey: "desktop", fill: "var(--color-desktop)", fillOpacity: 0.5 })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium leading-none", children: ["Trending up by 5.2% this month ", _jsx(TrendingUp, { className: "h-4 w-4" })] }), _jsx("div", { className: "flex items-center gap-2 leading-none text-muted-foreground", children: "January - June 2024" })] })] }));
-}

package/dist/primitives/charts/radar/chart-radar-grid-circle-no-lines.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A radar chart with a grid and circle fill";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-radar-grid-circle-no-lines.d.ts.map

package/dist/primitives/charts/radar/chart-radar-grid-circle-no-lines.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radar-grid-circle-no-lines.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radar/chart-radar-grid-circle-no-lines.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,8CAA8C,CAAA;AAkBtE,MAAM,CAAC,OAAO,UAAU,SAAS,4CA2ChC"}

package/dist/primitives/charts/radar/chart-radar-grid-circle-no-lines.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A radar chart with a grid and circle fill";
-const chartData = [
-    { month: "January", desktop: 186 },
-    { month: "February", desktop: 305 },
-    { month: "March", desktop: 237 },
-    { month: "April", desktop: 203 },
-    { month: "May", desktop: 209 },
-    { month: "June", desktop: 214 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "items-center pb-4", children: [_jsx(CardTitle, { children: "Radar Chart - Grid Circle - No lines" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { className: "pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[250px]", children: _jsxs(RadarChart, { data: chartData, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(PolarGrid, { gridType: "circle", radialLines: false }), _jsx(PolarAngleAxis, { dataKey: "month" }), _jsx(Radar, { dataKey: "desktop", fill: "var(--color-desktop)", fillOpacity: 0.6, dot: {
-                                    r: 4,
-                                    fillOpacity: 1,
-                                } })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium leading-none", children: ["Trending up by 5.2% this month ", _jsx(TrendingUp, { className: "h-4 w-4" })] }), _jsx("div", { className: "flex items-center gap-2 leading-none text-muted-foreground", children: "January - June 2024" })] })] }));
-}

package/dist/primitives/charts/radar/chart-radar-grid-circle.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A radar chart with a grid and circle";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-radar-grid-circle.d.ts.map

package/dist/primitives/charts/radar/chart-radar-grid-circle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radar-grid-circle.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radar/chart-radar-grid-circle.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,yCAAyC,CAAA;AAkBjE,MAAM,CAAC,OAAO,UAAU,SAAS,4CA2ChC"}

package/dist/primitives/charts/radar/chart-radar-grid-circle.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A radar chart with a grid and circle";
-const chartData = [
-    { month: "January", desktop: 186 },
-    { month: "February", desktop: 305 },
-    { month: "March", desktop: 237 },
-    { month: "April", desktop: 273 },
-    { month: "May", desktop: 209 },
-    { month: "June", desktop: 214 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "items-center pb-4", children: [_jsx(CardTitle, { children: "Radar Chart - Grid Circle" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { className: "pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[250px]", children: _jsxs(RadarChart, { data: chartData, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(PolarGrid, { gridType: "circle" }), _jsx(PolarAngleAxis, { dataKey: "month" }), _jsx(Radar, { dataKey: "desktop", fill: "var(--color-desktop)", fillOpacity: 0.6, dot: {
-                                    r: 4,
-                                    fillOpacity: 1,
-                                } })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium leading-none", children: ["Trending up by 5.2% this month ", _jsx(TrendingUp, { className: "h-4 w-4" })] }), _jsx("div", { className: "flex items-center gap-2 leading-none text-muted-foreground", children: "January - June 2024" })] })] }));
-}

package/dist/primitives/charts/radar/chart-radar-grid-custom.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A radar chart with a custom grid";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-radar-grid-custom.d.ts.map

package/dist/primitives/charts/radar/chart-radar-grid-custom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radar-grid-custom.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radar/chart-radar-grid-custom.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,qCAAqC,CAAA;AAkB7D,MAAM,CAAC,OAAO,UAAU,SAAS,4CAuChC"}

package/dist/primitives/charts/radar/chart-radar-grid-custom.js

@@ -1,24 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A radar chart with a custom grid";
-const chartData = [
-    { month: "January", desktop: 186 },
-    { month: "February", desktop: 305 },
-    { month: "March", desktop: 237 },
-    { month: "April", desktop: 273 },
-    { month: "May", desktop: 209 },
-    { month: "June", desktop: 214 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "items-center pb-4", children: [_jsx(CardTitle, { children: "Radar Chart - Grid Custom" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { className: "pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[250px]", children: _jsxs(RadarChart, { data: chartData, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(PolarGrid, { radialLines: false, polarRadius: [90], strokeWidth: 1 }), _jsx(PolarAngleAxis, { dataKey: "month" }), _jsx(Radar, { dataKey: "desktop", fill: "var(--color-desktop)", fillOpacity: 0.6 })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium leading-none", children: ["Trending up by 5.2% this month ", _jsx(TrendingUp, { className: "h-4 w-4" })] }), _jsx("div", { className: "flex items-center gap-2 leading-none text-muted-foreground", children: "January - June 2024" })] })] }));
-}

package/dist/primitives/charts/radar/chart-radar-grid-fill.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A radar chart with a grid filled";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-radar-grid-fill.d.ts.map

package/dist/primitives/charts/radar/chart-radar-grid-fill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radar-grid-fill.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radar/chart-radar-grid-fill.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,qCAAqC,CAAA;AAkB7D,MAAM,CAAC,OAAO,UAAU,SAAS,4CAuChC"}

package/dist/primitives/charts/radar/chart-radar-grid-fill.js

@@ -1,24 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A radar chart with a grid filled";
-const chartData = [
-    { month: "January", desktop: 186 },
-    { month: "February", desktop: 285 },
-    { month: "March", desktop: 237 },
-    { month: "April", desktop: 203 },
-    { month: "May", desktop: 209 },
-    { month: "June", desktop: 264 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "items-center pb-4", children: [_jsx(CardTitle, { children: "Radar Chart - Grid Filled" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { className: "pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[250px]", children: _jsxs(RadarChart, { data: chartData, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(PolarGrid, { className: "fill-[--color-desktop] opacity-20" }), _jsx(PolarAngleAxis, { dataKey: "month" }), _jsx(Radar, { dataKey: "desktop", fill: "var(--color-desktop)", fillOpacity: 0.5 })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium leading-none", children: ["Trending up by 5.2% this month ", _jsx(TrendingUp, { className: "h-4 w-4" })] }), _jsx("div", { className: "flex items-center gap-2 leading-none text-muted-foreground", children: "January - June 2024" })] })] }));
-}

package/dist/primitives/charts/radar/chart-radar-grid-none.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A radar chart with no grid";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-radar-grid-none.d.ts.map

package/dist/primitives/charts/radar/chart-radar-grid-none.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radar-grid-none.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radar/chart-radar-grid-none.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,+BAA+B,CAAA;AAkBvD,MAAM,CAAC,OAAO,UAAU,SAAS,4CA0ChC"}

package/dist/primitives/charts/radar/chart-radar-grid-none.js

@@ -1,27 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { PolarAngleAxis, Radar, RadarChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A radar chart with no grid";
-const chartData = [
-    { month: "January", desktop: 186 },
-    { month: "February", desktop: 305 },
-    { month: "March", desktop: 237 },
-    { month: "April", desktop: 273 },
-    { month: "May", desktop: 209 },
-    { month: "June", desktop: 214 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "items-center pb-4", children: [_jsx(CardTitle, { children: "Radar Chart - Grid None" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { className: "pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[250px]", children: _jsxs(RadarChart, { data: chartData, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(PolarAngleAxis, { dataKey: "month" }), _jsx(Radar, { dataKey: "desktop", fill: "var(--color-desktop)", fillOpacity: 0.6, dot: {
-                                    r: 4,
-                                    fillOpacity: 1,
-                                } })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium leading-none", children: ["Trending up by 5.2% this month ", _jsx(TrendingUp, { className: "h-4 w-4" })] }), _jsx("div", { className: "flex items-center gap-2 leading-none text-muted-foreground", children: "January - June 2024" })] })] }));
-}

package/dist/primitives/charts/radar/chart-radar-icons.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A radar chart with icons";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-radar-icons.d.ts.map

package/dist/primitives/charts/radar/chart-radar-icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radar-icons.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radar/chart-radar-icons.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,WAAW,6BAA6B,CAAA;AAwBrD,MAAM,CAAC,OAAO,UAAU,SAAS,4CA+ChC"}

package/dist/primitives/charts/radar/chart-radar-icons.js

@@ -1,33 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowDownFromLine, ArrowUpFromLine, TrendingUp } from "lucide-react";
-import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A radar chart with icons";
-const chartData = [
-    { month: "January", desktop: 186, mobile: 80 },
-    { month: "February", desktop: 305, mobile: 200 },
-    { month: "March", desktop: 237, mobile: 120 },
-    { month: "April", desktop: 73, mobile: 190 },
-    { month: "May", desktop: 209, mobile: 130 },
-    { month: "June", desktop: 214, mobile: 140 },
-];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-        icon: ArrowDownFromLine,
-    },
-    mobile: {
-        label: "Mobile",
-        color: "hsl(var(--chart-2))",
-        icon: ArrowUpFromLine,
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "items-center pb-4", children: [_jsx(CardTitle, { children: "Radar Chart - Icons" }), _jsx(CardDescription, { children: "Showing total visitors for the last 6 months" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[250px]", children: _jsxs(RadarChart, { data: chartData, margin: {
-                            top: -40,
-                            bottom: -10,
-                        }, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { indicator: "line" }) }), _jsx(PolarAngleAxis, { dataKey: "month" }), _jsx(PolarGrid, {}), _jsx(Radar, { dataKey: "desktop", fill: "var(--color-desktop)", fillOpacity: 0.6 }), _jsx(Radar, { dataKey: "mobile", fill: "var(--color-mobile)" }), _jsx(ChartLegend, { className: "mt-8", content: _jsx(ChartLegendContent, {}) })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2 pt-4 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium leading-none", children: ["Trending up by 5.2% this month ", _jsx(TrendingUp, { className: "h-4 w-4" })] }), _jsx("div", { className: "flex items-center gap-2 leading-none text-muted-foreground", children: "January - June 2024" })] })] }));
-}

package/dist/primitives/charts/radar/index.d.ts

@@ -1,10 +0,0 @@
-export { default as RadarDefault } from './chart-radar-default';
-export { default as RadarDots } from './chart-radar-dots';
-export { default as RadarGridCircleFill } from './chart-radar-grid-circle-fill';
-export { default as RadarGridCircleNoLines } from './chart-radar-grid-circle-no-lines';
-export { default as RadarGridCircle } from './chart-radar-grid-circle';
-export { default as RadarGridCustom } from './chart-radar-grid-custom';
-export { default as RadarGridFill } from './chart-radar-grid-fill';
-export { default as RadarGridNone } from './chart-radar-grid-none';
-export { default as RadarIcons } from './chart-radar-icons';
-//# sourceMappingURL=index.d.ts.map

package/dist/primitives/charts/radar/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radar/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,gCAAgC,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,oCAAoC,CAAA;AACtF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/primitives/charts/radar/index.js

@@ -1,10 +0,0 @@
-// Auto-generated index for radar charts
-export { default as RadarDefault } from './chart-radar-default';
-export { default as RadarDots } from './chart-radar-dots';
-export { default as RadarGridCircleFill } from './chart-radar-grid-circle-fill';
-export { default as RadarGridCircleNoLines } from './chart-radar-grid-circle-no-lines';
-export { default as RadarGridCircle } from './chart-radar-grid-circle';
-export { default as RadarGridCustom } from './chart-radar-grid-custom';
-export { default as RadarGridFill } from './chart-radar-grid-fill';
-export { default as RadarGridNone } from './chart-radar-grid-none';
-export { default as RadarIcons } from './chart-radar-icons';

package/dist/primitives/charts/radial/chart-radial-grid.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A radial chart with a grid";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-radial-grid.d.ts.map

package/dist/primitives/charts/radial/chart-radial-grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radial-grid.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radial/chart-radial-grid.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,+BAA+B,CAAA;AAoCvD,MAAM,CAAC,OAAO,UAAU,SAAS,4CAgChC"}

package/dist/primitives/charts/radial/chart-radial-grid.js

@@ -1,42 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { PolarGrid, RadialBar, RadialBarChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A radial chart with a grid";
-const chartData = [
-    { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" },
-    { browser: "safari", visitors: 200, fill: "var(--color-safari)" },
-    { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" },
-    { browser: "edge", visitors: 173, fill: "var(--color-edge)" },
-    { browser: "other", visitors: 90, fill: "var(--color-other)" },
-];
-const chartConfig = {
-    visitors: {
-        label: "Visitors",
-    },
-    chrome: {
-        label: "Chrome",
-        color: "hsl(var(--chart-1))",
-    },
-    safari: {
-        label: "Safari",
-        color: "hsl(var(--chart-2))",
-    },
-    firefox: {
-        label: "Firefox",
-        color: "hsl(var(--chart-3))",
-    },
-    edge: {
-        label: "Edge",
-        color: "hsl(var(--chart-4))",
-    },
-    other: {
-        label: "Other",
-        color: "hsl(var(--chart-5))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { className: "flex flex-col", children: [_jsxs(CardHeader, { className: "items-center pb-0", children: [_jsx(CardTitle, { children: "Radial Chart - Grid" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { className: "flex-1 pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[250px]", children: _jsxs(RadialBarChart, { data: chartData, innerRadius: 30, outerRadius: 100, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true, nameKey: "browser" }) }), _jsx(PolarGrid, { gridType: "circle" }), _jsx(RadialBar, { dataKey: "visitors" })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium leading-none", children: ["Trending up by 5.2% this month ", _jsx(TrendingUp, { className: "h-4 w-4" })] }), _jsx("div", { className: "leading-none text-muted-foreground", children: "Showing total visitors for the last 6 months" })] })] }));
-}

package/dist/primitives/charts/radial/chart-radial-label.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A radial chart with a label";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-radial-label.d.ts.map

package/dist/primitives/charts/radial/chart-radial-label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radial-label.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radial/chart-radial-label.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,gCAAgC,CAAA;AAoCxD,MAAM,CAAC,OAAO,UAAU,SAAS,4CA4ChC"}

package/dist/primitives/charts/radial/chart-radial-label.js

@@ -1,42 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { LabelList, RadialBar, RadialBarChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A radial chart with a label";
-const chartData = [
-    { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" },
-    { browser: "safari", visitors: 200, fill: "var(--color-safari)" },
-    { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" },
-    { browser: "edge", visitors: 173, fill: "var(--color-edge)" },
-    { browser: "other", visitors: 90, fill: "var(--color-other)" },
-];
-const chartConfig = {
-    visitors: {
-        label: "Visitors",
-    },
-    chrome: {
-        label: "Chrome",
-        color: "hsl(var(--chart-1))",
-    },
-    safari: {
-        label: "Safari",
-        color: "hsl(var(--chart-2))",
-    },
-    firefox: {
-        label: "Firefox",
-        color: "hsl(var(--chart-3))",
-    },
-    edge: {
-        label: "Edge",
-        color: "hsl(var(--chart-4))",
-    },
-    other: {
-        label: "Other",
-        color: "hsl(var(--chart-5))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { className: "flex flex-col", children: [_jsxs(CardHeader, { className: "items-center pb-0", children: [_jsx(CardTitle, { children: "Radial Chart - Label" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { className: "flex-1 pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square max-h-[250px]", children: _jsxs(RadialBarChart, { data: chartData, startAngle: -90, endAngle: 380, innerRadius: 30, outerRadius: 110, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true, nameKey: "browser" }) }), _jsx(RadialBar, { dataKey: "visitors", background: true, children: _jsx(LabelList, { position: "insideStart", dataKey: "browser", className: "fill-white capitalize mix-blend-luminosity", fontSize: 11 }) })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2 font-medium leading-none", children: ["Trending up by 5.2% this month ", _jsx(TrendingUp, { className: "h-4 w-4" })] }), _jsx("div", { className: "leading-none text-muted-foreground", children: "Showing total visitors for the last 6 months" })] })] }));
-}

package/dist/primitives/charts/radial/chart-radial-shape.d.ts

@@ -1,3 +0,0 @@
-export declare const description = "A radial chart with a custom shape";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-radial-shape.d.ts.map

package/dist/primitives/charts/radial/chart-radial-shape.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radial-shape.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radial/chart-radial-shape.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,WAAW,uCAAuC,CAAA;AAgB/D,MAAM,CAAC,OAAO,UAAU,SAAS,4CAsEhC"}