@hanzo/ui 5.3.35 → 5.3.38

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

@@ -1,26 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { Label, PolarGrid, PolarRadiusAxis, RadialBar, RadialBarChart, } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer } from "../../chart";
-export const description = "A radial chart with a custom shape";
-const chartData = [
-    { browser: "safari", visitors: 1260, fill: "var(--color-safari)" },
-];
-const chartConfig = {
-    visitors: {
-        label: "Visitors",
-    },
-    safari: {
-        label: "Safari",
-        color: "hsl(var(--chart-2))",
-    },
-};
-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 - Shape" }), _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, endAngle: 100, innerRadius: 80, outerRadius: 140, children: [_jsx(PolarGrid, { gridType: "circle", radialLines: false, stroke: "none", className: "first:fill-muted last:fill-background", polarRadius: [86, 74] }), _jsx(RadialBar, { dataKey: "visitors", background: true }), _jsx(PolarRadiusAxis, { tick: false, tickLine: false, axisLine: false, children: _jsx(Label, { content: ({ viewBox }) => {
-                                        if (viewBox && "cx" in viewBox && "cy" in viewBox) {
-                                            return (_jsxs("text", { x: viewBox.cx, y: viewBox.cy, textAnchor: "middle", dominantBaseline: "middle", children: [_jsx("tspan", { x: viewBox.cx, y: viewBox.cy, className: "fill-foreground text-4xl font-bold", children: chartData[0].visitors.toLocaleString() }), _jsx("tspan", { x: viewBox.cx, y: (viewBox.cy || 0) + 24, className: "fill-muted-foreground", children: "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-simple.d.ts

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

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

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

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

@@ -1,42 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { 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";
-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" }), _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: 110, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true, nameKey: "browser" }) }), _jsx(RadialBar, { dataKey: "visitors", background: true })] }) }) }), _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-stacked.d.ts

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

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

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

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

@@ -1,26 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { Label, PolarRadiusAxis, 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 stacked sections";
-const chartData = [{ month: "january", desktop: 1260, mobile: 570 }];
-const chartConfig = {
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-    mobile: {
-        label: "Mobile",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    const totalVisitors = chartData[0].desktop + chartData[0].mobile;
-    return (_jsxs(Card, { className: "flex flex-col", children: [_jsxs(CardHeader, { className: "items-center pb-0", children: [_jsx(CardTitle, { children: "Radial Chart - Stacked" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { className: "flex flex-1 items-center pb-0", children: _jsx(ChartContainer, { config: chartConfig, className: "mx-auto aspect-square w-full max-w-[250px]", children: _jsxs(RadialBarChart, { data: chartData, endAngle: 180, innerRadius: 80, outerRadius: 130, children: [_jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(PolarRadiusAxis, { tick: false, tickLine: false, axisLine: false, children: _jsx(Label, { content: ({ viewBox }) => {
-                                        if (viewBox && "cx" in viewBox && "cy" in viewBox) {
-                                            return (_jsxs("text", { x: viewBox.cx, y: viewBox.cy, textAnchor: "middle", children: [_jsx("tspan", { x: viewBox.cx, y: (viewBox.cy || 0) - 16, className: "fill-foreground text-2xl font-bold", children: totalVisitors.toLocaleString() }), _jsx("tspan", { x: viewBox.cx, y: (viewBox.cy || 0) + 4, className: "fill-muted-foreground", children: "Visitors" })] }));
-                                        }
-                                    } }) }), _jsx(RadialBar, { dataKey: "desktop", stackId: "a", cornerRadius: 5, fill: "var(--color-desktop)", className: "stroke-transparent stroke-2" }), _jsx(RadialBar, { dataKey: "mobile", fill: "var(--color-mobile)", stackId: "a", cornerRadius: 5, className: "stroke-transparent stroke-2" })] }) }) }), _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-text.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart-radial-text.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radial/chart-radial-text.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,WAAW,6BAA6B,CAAA;AAgBrD,MAAM,CAAC,OAAO,UAAU,SAAS,4CAuEhC"}

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

@@ -1,26 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { Label, PolarGrid, PolarRadiusAxis, RadialBar, RadialBarChart, } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer } from "../../chart";
-export const description = "A radial chart with text";
-const chartData = [
-    { browser: "safari", visitors: 200, fill: "var(--color-safari)" },
-];
-const chartConfig = {
-    visitors: {
-        label: "Visitors",
-    },
-    safari: {
-        label: "Safari",
-        color: "hsl(var(--chart-2))",
-    },
-};
-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 - Text" }), _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: 0, endAngle: 250, innerRadius: 80, outerRadius: 110, children: [_jsx(PolarGrid, { gridType: "circle", radialLines: false, stroke: "none", className: "first:fill-muted last:fill-background", polarRadius: [86, 74] }), _jsx(RadialBar, { dataKey: "visitors", background: true, cornerRadius: 10 }), _jsx(PolarRadiusAxis, { tick: false, tickLine: false, axisLine: false, children: _jsx(Label, { content: ({ viewBox }) => {
-                                        if (viewBox && "cx" in viewBox && "cy" in viewBox) {
-                                            return (_jsxs("text", { x: viewBox.cx, y: viewBox.cy, textAnchor: "middle", dominantBaseline: "middle", children: [_jsx("tspan", { x: viewBox.cx, y: viewBox.cy, className: "fill-foreground text-4xl font-bold", children: chartData[0].visitors.toLocaleString() }), _jsx("tspan", { x: viewBox.cx, y: (viewBox.cy || 0) + 24, className: "fill-muted-foreground", children: "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/index.d.ts

@@ -1,7 +0,0 @@
-export { default as RadialGrid } from './chart-radial-grid';
-export { default as RadialLabel } from './chart-radial-label';
-export { default as RadialShape } from './chart-radial-shape';
-export { default as RadialSimple } from './chart-radial-simple';
-export { default as RadialStacked } from './chart-radial-stacked';
-export { default as RadialText } from './chart-radial-text';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/radial/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA"}

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

@@ -1,7 +0,0 @@
-// Auto-generated index for radial charts
-export { default as RadialGrid } from './chart-radial-grid';
-export { default as RadialLabel } from './chart-radial-label';
-export { default as RadialShape } from './chart-radial-shape';
-export { default as RadialSimple } from './chart-radial-simple';
-export { default as RadialStacked } from './chart-radial-stacked';
-export { default as RadialText } from './chart-radial-text';

package/dist/primitives/charts/tooltip/chart-tooltip-advanced.d.ts

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

package/dist/primitives/charts/tooltip/chart-tooltip-advanced.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-tooltip-advanced.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/tooltip/chart-tooltip-advanced.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,WAAW,sCAAsC,CAAA;AAsB9D,MAAM,CAAC,OAAO,UAAU,SAAS,4CAkFhC"}

package/dist/primitives/charts/tooltip/chart-tooltip-advanced.js

@@ -1,34 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Bar, BarChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A stacked bar chart with a legend";
-const chartData = [
-    { date: "2024-07-15", running: 450, swimming: 300 },
-    { date: "2024-07-16", running: 380, swimming: 420 },
-    { date: "2024-07-17", running: 520, swimming: 120 },
-    { date: "2024-07-18", running: 140, swimming: 550 },
-    { date: "2024-07-19", running: 600, swimming: 350 },
-    { date: "2024-07-20", running: 480, swimming: 400 },
-];
-const chartConfig = {
-    running: {
-        label: "Running",
-        color: "hsl(var(--chart-1))",
-    },
-    swimming: {
-        label: "Swimming",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Tooltip - Advanced" }), _jsx(CardDescription, { children: "Tooltip with custom formatter and total." })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(XAxis, { dataKey: "date", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => {
-                                    return new Date(value).toLocaleDateString("en-US", {
-                                        weekday: "short",
-                                    });
-                                } }), _jsx(Bar, { dataKey: "running", stackId: "a", fill: "var(--color-running)", radius: [0, 0, 4, 4] }), _jsx(Bar, { dataKey: "swimming", stackId: "a", fill: "var(--color-swimming)", radius: [4, 4, 0, 0] }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { hideLabel: true, className: "w-[180px]", formatter: (value, name, item, index) => (_jsxs(_Fragment, { children: [_jsx("div", { className: "h-2.5 w-2.5 shrink-0 rounded-[2px] bg-[--color-bg]", style: {
-                                                    "--color-bg": `var(--color-${name})`,
-                                                } }), chartConfig[name]?.label ||
-                                                name, _jsxs("div", { className: "ml-auto flex items-baseline gap-0.5 font-mono font-medium tabular-nums text-foreground", children: [value, _jsx("span", { className: "font-normal text-muted-foreground", children: "kcal" })] }), index === 1 && (_jsxs("div", { className: "mt-1.5 flex basis-full items-center border-t pt-1.5 text-xs font-medium text-foreground", children: ["Total", _jsxs("div", { className: "ml-auto flex items-baseline gap-0.5 font-mono font-medium tabular-nums text-foreground", children: [item.payload.running + item.payload.swimming, _jsx("span", { className: "font-normal text-muted-foreground", children: "kcal" })] })] }))] })) }), cursor: false, defaultIndex: 1 })] }) }) })] }));
-}

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

@@ -1,5 +0,0 @@
-export declare const description = "A stacked bar chart with a legend";
-export declare const iframeHeight = "600px";
-export declare const containerClassName = "[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-tooltip-default.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart-tooltip-default.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/tooltip/chart-tooltip-default.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,WAAW,sCAAsC,CAAA;AAC9D,eAAO,MAAM,YAAY,UAAU,CAAA;AACnC,eAAO,MAAM,kBAAkB,+EAC+C,CAAA;AAsB9E,MAAM,CAAC,OAAO,UAAU,SAAS,4CA6ChC"}

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

@@ -1,33 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Bar, BarChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A stacked bar chart with a legend";
-export const iframeHeight = "600px";
-export const containerClassName = "[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh";
-const chartData = [
-    { date: "2024-07-15", running: 450, swimming: 300 },
-    { date: "2024-07-16", running: 380, swimming: 420 },
-    { date: "2024-07-17", running: 520, swimming: 120 },
-    { date: "2024-07-18", running: 140, swimming: 550 },
-    { date: "2024-07-19", running: 600, swimming: 350 },
-    { date: "2024-07-20", running: 480, swimming: 400 },
-];
-const chartConfig = {
-    running: {
-        label: "Running",
-        color: "hsl(var(--chart-1))",
-    },
-    swimming: {
-        label: "Swimming",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Tooltip - Default" }), _jsx(CardDescription, { children: "Default tooltip with ChartTooltipContent." })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(XAxis, { dataKey: "date", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => {
-                                    return new Date(value).toLocaleDateString("en-US", {
-                                        weekday: "short",
-                                    });
-                                } }), _jsx(Bar, { dataKey: "running", stackId: "a", fill: "var(--color-running)", radius: [0, 0, 4, 4] }), _jsx(Bar, { dataKey: "swimming", stackId: "a", fill: "var(--color-swimming)", radius: [4, 4, 0, 0] }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, {}), cursor: false, defaultIndex: 1 })] }) }) })] }));
-}

package/dist/primitives/charts/tooltip/chart-tooltip-formatter.d.ts

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

package/dist/primitives/charts/tooltip/chart-tooltip-formatter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-tooltip-formatter.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/tooltip/chart-tooltip-formatter.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,WAAW,sCAAsC,CAAA;AAsB9D,MAAM,CAAC,OAAO,UAAU,SAAS,4CA2DhC"}

package/dist/primitives/charts/tooltip/chart-tooltip-formatter.js

@@ -1,32 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Bar, BarChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A stacked bar chart with a legend";
-const chartData = [
-    { date: "2024-07-15", running: 450, swimming: 300 },
-    { date: "2024-07-16", running: 380, swimming: 420 },
-    { date: "2024-07-17", running: 520, swimming: 120 },
-    { date: "2024-07-18", running: 140, swimming: 550 },
-    { date: "2024-07-19", running: 600, swimming: 350 },
-    { date: "2024-07-20", running: 480, swimming: 400 },
-];
-const chartConfig = {
-    running: {
-        label: "Running",
-        color: "hsl(var(--chart-1))",
-    },
-    swimming: {
-        label: "Swimming",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Tooltip - Formatter" }), _jsx(CardDescription, { children: "Tooltip with custom formatter ." })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(XAxis, { dataKey: "date", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => {
-                                    return new Date(value).toLocaleDateString("en-US", {
-                                        weekday: "short",
-                                    });
-                                } }), _jsx(Bar, { dataKey: "running", stackId: "a", fill: "var(--color-running)", radius: [0, 0, 4, 4] }), _jsx(Bar, { dataKey: "swimming", stackId: "a", fill: "var(--color-swimming)", radius: [4, 4, 0, 0] }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { hideLabel: true, formatter: (value, name) => (_jsxs("div", { className: "flex min-w-[130px] items-center text-xs text-muted-foreground", children: [chartConfig[name]?.label ||
-                                                name, _jsxs("div", { className: "ml-auto flex items-baseline gap-0.5 font-mono font-medium tabular-nums text-foreground", children: [value, _jsx("span", { className: "font-normal text-muted-foreground", children: "kcal" })] })] })) }), cursor: false, defaultIndex: 1 })] }) }) })] }));
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart-tooltip-icons.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/tooltip/chart-tooltip-icons.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,WAAW,sCAAsC,CAAA;AAwB9D,MAAM,CAAC,OAAO,UAAU,SAAS,4CA2ChC"}

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

@@ -1,34 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Footprints, Waves } from "lucide-react";
-import { Bar, BarChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A stacked bar chart with a legend";
-const chartData = [
-    { date: "2024-07-15", running: 450, swimming: 300 },
-    { date: "2024-07-16", running: 380, swimming: 420 },
-    { date: "2024-07-17", running: 520, swimming: 120 },
-    { date: "2024-07-18", running: 140, swimming: 550 },
-    { date: "2024-07-19", running: 600, swimming: 350 },
-    { date: "2024-07-20", running: 480, swimming: 400 },
-];
-const chartConfig = {
-    running: {
-        label: "Running",
-        color: "hsl(var(--chart-1))",
-        icon: Footprints,
-    },
-    swimming: {
-        label: "Swimming",
-        color: "hsl(var(--chart-2))",
-        icon: Waves,
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Tooltip - Icons" }), _jsx(CardDescription, { children: "Tooltip with icons." })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(XAxis, { dataKey: "date", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => {
-                                    return new Date(value).toLocaleDateString("en-US", {
-                                        weekday: "short",
-                                    });
-                                } }), _jsx(Bar, { dataKey: "running", stackId: "a", fill: "var(--color-running)", radius: [0, 0, 4, 4] }), _jsx(Bar, { dataKey: "swimming", stackId: "a", fill: "var(--color-swimming)", radius: [4, 4, 0, 0] }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { hideLabel: true }), cursor: false, defaultIndex: 1 })] }) }) })] }));
-}

package/dist/primitives/charts/tooltip/chart-tooltip-indicator-line.d.ts

@@ -1,5 +0,0 @@
-export declare const description = "A stacked bar chart with a legend";
-export declare const iframeHeight = "600px";
-export declare const containerClassName = "[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh";
-export default function Component(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=chart-tooltip-indicator-line.d.ts.map

package/dist/primitives/charts/tooltip/chart-tooltip-indicator-line.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-tooltip-indicator-line.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/tooltip/chart-tooltip-indicator-line.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,WAAW,sCAAsC,CAAA;AAC9D,eAAO,MAAM,YAAY,UAAU,CAAA;AACnC,eAAO,MAAM,kBAAkB,+EAC+C,CAAA;AAsB9E,MAAM,CAAC,OAAO,UAAU,SAAS,4CA2ChC"}

package/dist/primitives/charts/tooltip/chart-tooltip-indicator-line.js

@@ -1,33 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Bar, BarChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A stacked bar chart with a legend";
-export const iframeHeight = "600px";
-export const containerClassName = "[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh";
-const chartData = [
-    { date: "2024-07-15", running: 450, swimming: 300 },
-    { date: "2024-07-16", running: 380, swimming: 420 },
-    { date: "2024-07-17", running: 520, swimming: 120 },
-    { date: "2024-07-18", running: 140, swimming: 550 },
-    { date: "2024-07-19", running: 600, swimming: 350 },
-    { date: "2024-07-20", running: 480, swimming: 400 },
-];
-const chartConfig = {
-    running: {
-        label: "Running",
-        color: "hsl(var(--chart-1))",
-    },
-    swimming: {
-        label: "Swimming",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Tooltip - Line Indicator" }), _jsx(CardDescription, { children: "Tooltip with line indicator." })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(XAxis, { dataKey: "date", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => {
-                                    return new Date(value).toLocaleDateString("en-US", {
-                                        weekday: "short",
-                                    });
-                                } }), _jsx(Bar, { dataKey: "running", stackId: "a", fill: "var(--color-running)", radius: [0, 0, 4, 4] }), _jsx(Bar, { dataKey: "swimming", stackId: "a", fill: "var(--color-swimming)", radius: [4, 4, 0, 0] }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { indicator: "line" }), cursor: false, defaultIndex: 1 })] }) }) })] }));
-}

package/dist/primitives/charts/tooltip/chart-tooltip-indicator-none.d.ts

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

package/dist/primitives/charts/tooltip/chart-tooltip-indicator-none.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-tooltip-indicator-none.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/tooltip/chart-tooltip-indicator-none.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,WAAW,sCAAsC,CAAA;AAsB9D,MAAM,CAAC,OAAO,UAAU,SAAS,4CA2ChC"}

package/dist/primitives/charts/tooltip/chart-tooltip-indicator-none.js

@@ -1,31 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Bar, BarChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A stacked bar chart with a legend";
-const chartData = [
-    { date: "2024-07-15", running: 450, swimming: 300 },
-    { date: "2024-07-16", running: 380, swimming: 420 },
-    { date: "2024-07-17", running: 520, swimming: 120 },
-    { date: "2024-07-18", running: 140, swimming: 550 },
-    { date: "2024-07-19", running: 600, swimming: 350 },
-    { date: "2024-07-20", running: 480, swimming: 400 },
-];
-const chartConfig = {
-    running: {
-        label: "Running",
-        color: "hsl(var(--chart-1))",
-    },
-    swimming: {
-        label: "Swimming",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Tooltip - No Indicator" }), _jsx(CardDescription, { children: "Tooltip with no indicator." })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(XAxis, { dataKey: "date", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => {
-                                    return new Date(value).toLocaleDateString("en-US", {
-                                        weekday: "short",
-                                    });
-                                } }), _jsx(Bar, { dataKey: "running", stackId: "a", fill: "var(--color-running)", radius: [0, 0, 4, 4] }), _jsx(Bar, { dataKey: "swimming", stackId: "a", fill: "var(--color-swimming)", radius: [4, 4, 0, 0] }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { hideIndicator: true }), cursor: false, defaultIndex: 1 })] }) }) })] }));
-}

package/dist/primitives/charts/tooltip/chart-tooltip-label-custom.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart-tooltip-label-custom.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/tooltip/chart-tooltip-label-custom.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,WAAW,sCAAsC,CAAA;AAyB9D,MAAM,CAAC,OAAO,UAAU,SAAS,4CA+ChC"}

package/dist/primitives/charts/tooltip/chart-tooltip-label-custom.js

@@ -1,34 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Bar, BarChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A stacked bar chart with a legend";
-const chartData = [
-    { date: "2024-07-15", running: 450, swimming: 300 },
-    { date: "2024-07-16", running: 380, swimming: 420 },
-    { date: "2024-07-17", running: 520, swimming: 120 },
-    { date: "2024-07-18", running: 140, swimming: 550 },
-    { date: "2024-07-19", running: 600, swimming: 350 },
-    { date: "2024-07-20", running: 480, swimming: 400 },
-];
-const chartConfig = {
-    activities: {
-        label: "Activities",
-    },
-    running: {
-        label: "Running",
-        color: "hsl(var(--chart-1))",
-    },
-    swimming: {
-        label: "Swimming",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Tooltip - Custom label" }), _jsx(CardDescription, { children: "Tooltip with custom label from chartConfig." })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(XAxis, { dataKey: "date", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => {
-                                    return new Date(value).toLocaleDateString("en-US", {
-                                        weekday: "short",
-                                    });
-                                } }), _jsx(Bar, { dataKey: "running", stackId: "a", fill: "var(--color-running)", radius: [0, 0, 4, 4] }), _jsx(Bar, { dataKey: "swimming", stackId: "a", fill: "var(--color-swimming)", radius: [4, 4, 0, 0] }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { labelKey: "activities", indicator: "line" }), cursor: false, defaultIndex: 1 })] }) }) })] }));
-}

package/dist/primitives/charts/tooltip/chart-tooltip-label-formatter.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart-tooltip-label-formatter.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/tooltip/chart-tooltip-label-formatter.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,WAAW,sCAAsC,CAAA;AAsB9D,MAAM,CAAC,OAAO,UAAU,SAAS,4CAqDhC"}

package/dist/primitives/charts/tooltip/chart-tooltip-label-formatter.js

@@ -1,37 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Bar, BarChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A stacked bar chart with a legend";
-const chartData = [
-    { date: "2024-07-15", running: 450, swimming: 300 },
-    { date: "2024-07-16", running: 380, swimming: 420 },
-    { date: "2024-07-17", running: 520, swimming: 120 },
-    { date: "2024-07-18", running: 140, swimming: 550 },
-    { date: "2024-07-19", running: 600, swimming: 350 },
-    { date: "2024-07-20", running: 480, swimming: 400 },
-];
-const chartConfig = {
-    running: {
-        label: "Running",
-        color: "hsl(var(--chart-1))",
-    },
-    swimming: {
-        label: "Swimming",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Tooltip - Label Formatter" }), _jsx(CardDescription, { children: "Tooltip with label formatter." })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(XAxis, { dataKey: "date", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => {
-                                    return new Date(value).toLocaleDateString("en-US", {
-                                        weekday: "short",
-                                    });
-                                } }), _jsx(Bar, { dataKey: "running", stackId: "a", fill: "var(--color-running)", radius: [0, 0, 4, 4] }), _jsx(Bar, { dataKey: "swimming", stackId: "a", fill: "var(--color-swimming)", radius: [4, 4, 0, 0] }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { labelFormatter: (value) => {
-                                        return new Date(value).toLocaleDateString("en-US", {
-                                            day: "numeric",
-                                            month: "long",
-                                            year: "numeric",
-                                        });
-                                    } }), cursor: false, defaultIndex: 1 })] }) }) })] }));
-}

package/dist/primitives/charts/tooltip/chart-tooltip-label-none.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart-tooltip-label-none.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/tooltip/chart-tooltip-label-none.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,WAAW,sCAAsC,CAAA;AAsB9D,MAAM,CAAC,OAAO,UAAU,SAAS,4CA2ChC"}

package/dist/primitives/charts/tooltip/chart-tooltip-label-none.js

@@ -1,31 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Bar, BarChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A stacked bar chart with a legend";
-const chartData = [
-    { date: "2024-07-15", running: 450, swimming: 300 },
-    { date: "2024-07-16", running: 380, swimming: 420 },
-    { date: "2024-07-17", running: 520, swimming: 120 },
-    { date: "2024-07-18", running: 140, swimming: 550 },
-    { date: "2024-07-19", running: 600, swimming: 350 },
-    { date: "2024-07-20", running: 480, swimming: 400 },
-];
-const chartConfig = {
-    running: {
-        label: "Running",
-        color: "hsl(var(--chart-1))",
-    },
-    swimming: {
-        label: "Swimming",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Tooltip - No Label" }), _jsx(CardDescription, { children: "Tooltip with no label." })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(XAxis, { dataKey: "date", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => {
-                                    return new Date(value).toLocaleDateString("en-US", {
-                                        weekday: "short",
-                                    });
-                                } }), _jsx(Bar, { dataKey: "running", stackId: "a", fill: "var(--color-running)", radius: [0, 0, 4, 4] }), _jsx(Bar, { dataKey: "swimming", stackId: "a", fill: "var(--color-swimming)", radius: [4, 4, 0, 0] }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { hideIndicator: true, hideLabel: true }), cursor: false, defaultIndex: 1 })] }) }) })] }));
-}

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

@@ -1,10 +0,0 @@
-export { default as TooltipAdvanced } from './chart-tooltip-advanced';
-export { default as TooltipDefault } from './chart-tooltip-default';
-export { default as TooltipFormatter } from './chart-tooltip-formatter';
-export { default as TooltipIcons } from './chart-tooltip-icons';
-export { default as TooltipIndicatorLine } from './chart-tooltip-indicator-line';
-export { default as TooltipIndicatorNone } from './chart-tooltip-indicator-none';
-export { default as TooltipLabelCustom } from './chart-tooltip-label-custom';
-export { default as TooltipLabelFormatter } from './chart-tooltip-label-formatter';
-export { default as TooltipLabelNone } from './chart-tooltip-label-none';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/tooltip/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAClF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAA"}