@hanzo/ui 5.3.39 → 5.3.40

package/dist/primitives/charts/bar/chart-bar-mixed.js

@@ -1,44 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { Bar, BarChart, XAxis, YAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A mixed bar 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, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Bar Chart - Mixed" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, layout: "vertical", margin: {
-                            left: 0,
-                        }, children: [_jsx(YAxis, { dataKey: "browser", type: "category", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => chartConfig[value]?.label }), _jsx(XAxis, { dataKey: "visitors", type: "number", hide: true }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(Bar, { dataKey: "visitors", layout: "vertical", radius: 5 })] }) }) }), _jsxs(CardFooter, { className: "flex-col items-start gap-2 text-sm", children: [_jsxs("div", { className: "flex 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/bar/chart-bar-multiple.d.ts

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

package/dist/primitives/charts/bar/chart-bar-multiple.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart-bar-multiple.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/bar/chart-bar-multiple.tsx"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,yBAAyB,CAAA;AAsBjD,MAAM,CAAC,OAAO,UAAU,SAAS,4CAqChC"}

package/dist/primitives/charts/bar/chart-bar-multiple.js

@@ -1,28 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { Bar, BarChart, CartesianGrid, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A multiple bar chart";
-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))",
-    },
-    mobile: {
-        label: "Mobile",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Bar Chart - Multiple" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "month", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => value.slice(0, 3) }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { indicator: "dashed" }) }), _jsx(Bar, { dataKey: "desktop", fill: "var(--color-desktop)", radius: 4 }), _jsx(Bar, { dataKey: "mobile", fill: "var(--color-mobile)", radius: 4 })] }) }) }), _jsxs(CardFooter, { className: "flex-col items-start gap-2 text-sm", children: [_jsxs("div", { className: "flex 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/bar/chart-bar-negative.d.ts

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

package/dist/primitives/charts/bar/chart-bar-negative.d.ts.map

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

package/dist/primitives/charts/bar/chart-bar-negative.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { Bar, BarChart, CartesianGrid, Cell, LabelList } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A bar chart with negative values";
-const chartData = [
-    { month: "January", visitors: 186 },
-    { month: "February", visitors: 205 },
-    { month: "March", visitors: -207 },
-    { month: "April", visitors: 173 },
-    { month: "May", visitors: -209 },
-    { month: "June", visitors: 214 },
-];
-const chartConfig = {
-    visitors: {
-        label: "Visitors",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Bar Chart - Negative" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true, hideIndicator: true }) }), _jsxs(Bar, { dataKey: "visitors", children: [_jsx(LabelList, { position: "top", dataKey: "month", fillOpacity: 1 }), chartData.map((item) => (_jsx(Cell, { fill: item.visitors > 0
-                                            ? "hsl(var(--chart-1))"
-                                            : "hsl(var(--chart-2))" }, item.month)))] })] }) }) }), _jsxs(CardFooter, { className: "flex-col items-start gap-2 text-sm", children: [_jsxs("div", { className: "flex 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/bar/chart-bar-stacked.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-bar-stacked.d.ts.map

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

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

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

@@ -1,28 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { Bar, BarChart, CartesianGrid, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A stacked bar chart with a legend";
-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))",
-    },
-    mobile: {
-        label: "Mobile",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Bar Chart - Stacked + Legend" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "month", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => value.slice(0, 3) }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(ChartLegend, { content: _jsx(ChartLegendContent, {}) }), _jsx(Bar, { dataKey: "desktop", stackId: "a", fill: "var(--color-desktop)", radius: [0, 0, 4, 4] }), _jsx(Bar, { dataKey: "mobile", stackId: "a", fill: "var(--color-mobile)", radius: [4, 4, 0, 0] })] }) }) }), _jsxs(CardFooter, { className: "flex-col items-start gap-2 text-sm", children: [_jsxs("div", { className: "flex 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/bar/index.d.ts

@@ -1,11 +0,0 @@
-export { default as BarActive } from './chart-bar-active';
-export { default as BarDefault } from './chart-bar-default';
-export { default as BarHorizontal } from './chart-bar-horizontal';
-export { default as BarInteractive } from './chart-bar-interactive';
-export { default as BarLabelCustom } from './chart-bar-label-custom';
-export { default as BarLabel } from './chart-bar-label';
-export { default as BarMixed } from './chart-bar-mixed';
-export { default as BarMultiple } from './chart-bar-multiple';
-export { default as BarNegative } from './chart-bar-negative';
-export { default as BarStacked } from './chart-bar-stacked';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/bar/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA"}

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

@@ -1,11 +0,0 @@
-// Auto-generated index for bar charts
-export { default as BarActive } from './chart-bar-active';
-export { default as BarDefault } from './chart-bar-default';
-export { default as BarHorizontal } from './chart-bar-horizontal';
-export { default as BarInteractive } from './chart-bar-interactive';
-export { default as BarLabelCustom } from './chart-bar-label-custom';
-export { default as BarLabel } from './chart-bar-label';
-export { default as BarMixed } from './chart-bar-mixed';
-export { default as BarMultiple } from './chart-bar-multiple';
-export { default as BarNegative } from './chart-bar-negative';
-export { default as BarStacked } from './chart-bar-stacked';

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

@@ -1,8 +0,0 @@
-export * from './area';
-export * from './bar';
-export * from './line';
-export * from './pie';
-export * from './radar';
-export * from './radial';
-export * from './tooltip';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../primitives/charts/index.ts"],"names":[],"mappings":"AACA,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA"}

package/dist/primitives/charts/index.js

@@ -1,11 +0,0 @@
-// Chart Components - Exported by Category
-export * from './area';
-export * from './bar';
-export * from './line';
-export * from './pie';
-export * from './radar';
-export * from './radial';
-export * from './tooltip';
-// Note: Chart primitives (ChartContainer, ChartConfig, etc.) should be imported directly:
-// import { ChartContainer } from '@hanzo/ui/primitives/chart'
-// Not from charts/index to avoid circular dependencies

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

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

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

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

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

@@ -1,27 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { CartesianGrid, Line, LineChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A line chart";
-const chartData = [
-    { month: "January", desktop: 186 },
-    { month: "February", desktop: 305 },
-    { month: "March", desktop: 237 },
-    { month: "April", desktop: 73 },
-    { 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, { children: [_jsx(CardTitle, { children: "Line Chart" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(LineChart, { accessibilityLayer: true, data: chartData, margin: {
-                            left: 12,
-                            right: 12,
-                        }, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "month", tickLine: false, axisLine: false, tickMargin: 8, tickFormatter: (value) => value.slice(0, 3) }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(Line, { dataKey: "desktop", type: "natural", stroke: "var(--color-desktop)", strokeWidth: 2, dot: false })] }) }) }), _jsxs(CardFooter, { className: "flex-col items-start gap-2 text-sm", children: [_jsxs("div", { className: "flex 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/line/chart-line-dots-colors.d.ts

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

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

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

package/dist/primitives/charts/line/chart-line-dots-colors.js

@@ -1,49 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { CartesianGrid, Dot, Line, LineChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A line chart with dots and colors";
-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",
-        color: "hsl(var(--chart-2))",
-    },
-    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, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Line Chart - Dots Colors" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(LineChart, { accessibilityLayer: true, data: chartData, margin: {
-                            top: 24,
-                            left: 24,
-                            right: 24,
-                        }, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { indicator: "line", nameKey: "visitors", hideLabel: true }) }), _jsx(Line, { dataKey: "visitors", type: "natural", stroke: "var(--color-visitors)", strokeWidth: 2, dot: ({ payload, ...props }) => {
-                                    return (_jsx(Dot, { r: 5, cx: props.cx, cy: props.cy, fill: payload.fill, stroke: payload.fill }, payload.browser));
-                                } })] }) }) }), _jsxs(CardFooter, { className: "flex-col items-start gap-2 text-sm", children: [_jsxs("div", { className: "flex 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/line/chart-line-dots-custom.d.ts

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

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

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

package/dist/primitives/charts/line/chart-line-dots-custom.js

@@ -1,34 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { GitCommitVertical, TrendingUp } from "lucide-react";
-import { CartesianGrid, Line, LineChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A line chart with custom dots";
-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))",
-    },
-    mobile: {
-        label: "Mobile",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Line Chart - Custom Dots" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(LineChart, { accessibilityLayer: true, data: chartData, margin: {
-                            left: 12,
-                            right: 12,
-                        }, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "month", tickLine: false, axisLine: false, tickMargin: 8, tickFormatter: (value) => value.slice(0, 3) }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(Line, { dataKey: "desktop", type: "natural", stroke: "var(--color-desktop)", strokeWidth: 2, dot: ({ cx, cy, payload }) => {
-                                    const r = 24;
-                                    return (_jsx(GitCommitVertical, { x: cx - r / 2, y: cy - r / 2, width: r, height: r, fill: "hsl(var(--background))", stroke: "var(--color-desktop)" }, payload.month));
-                                } })] }) }) }), _jsxs(CardFooter, { className: "flex-col items-start gap-2 text-sm", children: [_jsxs("div", { className: "flex 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/line/chart-line-dots.d.ts

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

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

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

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

@@ -1,35 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { CartesianGrid, Line, LineChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A line chart with dots";
-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))",
-    },
-    mobile: {
-        label: "Mobile",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Line Chart - Dots" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(LineChart, { accessibilityLayer: true, data: chartData, margin: {
-                            left: 12,
-                            right: 12,
-                        }, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "month", tickLine: false, axisLine: false, tickMargin: 8, tickFormatter: (value) => value.slice(0, 3) }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { hideLabel: true }) }), _jsx(Line, { dataKey: "desktop", type: "natural", stroke: "var(--color-desktop)", strokeWidth: 2, dot: {
-                                    fill: "var(--color-desktop)",
-                                }, activeDot: {
-                                    r: 6,
-                                } })] }) }) }), _jsxs(CardFooter, { className: "flex-col items-start gap-2 text-sm", children: [_jsxs("div", { className: "flex 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/line/chart-line-interactive.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"chart-line-interactive.d.ts","sourceRoot":"","sources":["../../../../primitives/charts/line/chart-line-interactive.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,WAAW,8BAA8B,CAAA;AA8GtD,MAAM,CAAC,OAAO,UAAU,SAAS,4CAiGhC"}

package/dist/primitives/charts/line/chart-line-interactive.js

@@ -1,139 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { CartesianGrid, Line, LineChart, XAxis } from "recharts";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "An interactive line chart";
-const chartData = [
-    { date: "2024-04-01", desktop: 222, mobile: 150 },
-    { date: "2024-04-02", desktop: 97, mobile: 180 },
-    { date: "2024-04-03", desktop: 167, mobile: 120 },
-    { date: "2024-04-04", desktop: 242, mobile: 260 },
-    { date: "2024-04-05", desktop: 373, mobile: 290 },
-    { date: "2024-04-06", desktop: 301, mobile: 340 },
-    { date: "2024-04-07", desktop: 245, mobile: 180 },
-    { date: "2024-04-08", desktop: 409, mobile: 320 },
-    { date: "2024-04-09", desktop: 59, mobile: 110 },
-    { date: "2024-04-10", desktop: 261, mobile: 190 },
-    { date: "2024-04-11", desktop: 327, mobile: 350 },
-    { date: "2024-04-12", desktop: 292, mobile: 210 },
-    { date: "2024-04-13", desktop: 342, mobile: 380 },
-    { date: "2024-04-14", desktop: 137, mobile: 220 },
-    { date: "2024-04-15", desktop: 120, mobile: 170 },
-    { date: "2024-04-16", desktop: 138, mobile: 190 },
-    { date: "2024-04-17", desktop: 446, mobile: 360 },
-    { date: "2024-04-18", desktop: 364, mobile: 410 },
-    { date: "2024-04-19", desktop: 243, mobile: 180 },
-    { date: "2024-04-20", desktop: 89, mobile: 150 },
-    { date: "2024-04-21", desktop: 137, mobile: 200 },
-    { date: "2024-04-22", desktop: 224, mobile: 170 },
-    { date: "2024-04-23", desktop: 138, mobile: 230 },
-    { date: "2024-04-24", desktop: 387, mobile: 290 },
-    { date: "2024-04-25", desktop: 215, mobile: 250 },
-    { date: "2024-04-26", desktop: 75, mobile: 130 },
-    { date: "2024-04-27", desktop: 383, mobile: 420 },
-    { date: "2024-04-28", desktop: 122, mobile: 180 },
-    { date: "2024-04-29", desktop: 315, mobile: 240 },
-    { date: "2024-04-30", desktop: 454, mobile: 380 },
-    { date: "2024-05-01", desktop: 165, mobile: 220 },
-    { date: "2024-05-02", desktop: 293, mobile: 310 },
-    { date: "2024-05-03", desktop: 247, mobile: 190 },
-    { date: "2024-05-04", desktop: 385, mobile: 420 },
-    { date: "2024-05-05", desktop: 481, mobile: 390 },
-    { date: "2024-05-06", desktop: 498, mobile: 520 },
-    { date: "2024-05-07", desktop: 388, mobile: 300 },
-    { date: "2024-05-08", desktop: 149, mobile: 210 },
-    { date: "2024-05-09", desktop: 227, mobile: 180 },
-    { date: "2024-05-10", desktop: 293, mobile: 330 },
-    { date: "2024-05-11", desktop: 335, mobile: 270 },
-    { date: "2024-05-12", desktop: 197, mobile: 240 },
-    { date: "2024-05-13", desktop: 197, mobile: 160 },
-    { date: "2024-05-14", desktop: 448, mobile: 490 },
-    { date: "2024-05-15", desktop: 473, mobile: 380 },
-    { date: "2024-05-16", desktop: 338, mobile: 400 },
-    { date: "2024-05-17", desktop: 499, mobile: 420 },
-    { date: "2024-05-18", desktop: 315, mobile: 350 },
-    { date: "2024-05-19", desktop: 235, mobile: 180 },
-    { date: "2024-05-20", desktop: 177, mobile: 230 },
-    { date: "2024-05-21", desktop: 82, mobile: 140 },
-    { date: "2024-05-22", desktop: 81, mobile: 120 },
-    { date: "2024-05-23", desktop: 252, mobile: 290 },
-    { date: "2024-05-24", desktop: 294, mobile: 220 },
-    { date: "2024-05-25", desktop: 201, mobile: 250 },
-    { date: "2024-05-26", desktop: 213, mobile: 170 },
-    { date: "2024-05-27", desktop: 420, mobile: 460 },
-    { date: "2024-05-28", desktop: 233, mobile: 190 },
-    { date: "2024-05-29", desktop: 78, mobile: 130 },
-    { date: "2024-05-30", desktop: 340, mobile: 280 },
-    { date: "2024-05-31", desktop: 178, mobile: 230 },
-    { date: "2024-06-01", desktop: 178, mobile: 200 },
-    { date: "2024-06-02", desktop: 470, mobile: 410 },
-    { date: "2024-06-03", desktop: 103, mobile: 160 },
-    { date: "2024-06-04", desktop: 439, mobile: 380 },
-    { date: "2024-06-05", desktop: 88, mobile: 140 },
-    { date: "2024-06-06", desktop: 294, mobile: 250 },
-    { date: "2024-06-07", desktop: 323, mobile: 370 },
-    { date: "2024-06-08", desktop: 385, mobile: 320 },
-    { date: "2024-06-09", desktop: 438, mobile: 480 },
-    { date: "2024-06-10", desktop: 155, mobile: 200 },
-    { date: "2024-06-11", desktop: 92, mobile: 150 },
-    { date: "2024-06-12", desktop: 492, mobile: 420 },
-    { date: "2024-06-13", desktop: 81, mobile: 130 },
-    { date: "2024-06-14", desktop: 426, mobile: 380 },
-    { date: "2024-06-15", desktop: 307, mobile: 350 },
-    { date: "2024-06-16", desktop: 371, mobile: 310 },
-    { date: "2024-06-17", desktop: 475, mobile: 520 },
-    { date: "2024-06-18", desktop: 107, mobile: 170 },
-    { date: "2024-06-19", desktop: 341, mobile: 290 },
-    { date: "2024-06-20", desktop: 408, mobile: 450 },
-    { date: "2024-06-21", desktop: 169, mobile: 210 },
-    { date: "2024-06-22", desktop: 317, mobile: 270 },
-    { date: "2024-06-23", desktop: 480, mobile: 530 },
-    { date: "2024-06-24", desktop: 132, mobile: 180 },
-    { date: "2024-06-25", desktop: 141, mobile: 190 },
-    { date: "2024-06-26", desktop: 434, mobile: 380 },
-    { date: "2024-06-27", desktop: 448, mobile: 490 },
-    { date: "2024-06-28", desktop: 149, mobile: 200 },
-    { date: "2024-06-29", desktop: 103, mobile: 160 },
-    { date: "2024-06-30", desktop: 446, mobile: 400 },
-];
-const chartConfig = {
-    views: {
-        label: "Page Views",
-    },
-    desktop: {
-        label: "Desktop",
-        color: "hsl(var(--chart-1))",
-    },
-    mobile: {
-        label: "Mobile",
-        color: "hsl(var(--chart-2))",
-    },
-};
-export default function Component() {
-    const [activeChart, setActiveChart] = React.useState("desktop");
-    const total = React.useMemo(() => ({
-        desktop: chartData.reduce((acc, curr) => acc + curr.desktop, 0),
-        mobile: chartData.reduce((acc, curr) => acc + curr.mobile, 0),
-    }), []);
-    return (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-col items-stretch space-y-0 border-b p-0 sm:flex-row", children: [_jsxs("div", { className: "flex flex-1 flex-col justify-center gap-1 px-6 py-5 sm:py-6", children: [_jsx(CardTitle, { children: "Line Chart - Interactive" }), _jsx(CardDescription, { children: "Showing total visitors for the last 3 months" })] }), _jsx("div", { className: "flex", children: ["desktop", "mobile"].map((key) => {
-                            const chart = key;
-                            return (_jsxs("button", { "data-active": activeChart === chart, className: "flex flex-1 flex-col justify-center gap-1 border-t px-6 py-4 text-left even:border-l data-[active=true]:bg-muted/50 sm:border-l sm:border-t-0 sm:px-8 sm:py-6", onClick: () => setActiveChart(chart), children: [_jsx("span", { className: "text-xs text-muted-foreground", children: chartConfig[chart].label }), _jsx("span", { className: "text-lg font-bold leading-none sm:text-3xl", children: total[key].toLocaleString() })] }, chart));
-                        }) })] }), _jsx(CardContent, { className: "px-2 sm:p-6", children: _jsx(ChartContainer, { config: chartConfig, className: "aspect-auto h-[250px] w-full", children: _jsxs(LineChart, { accessibilityLayer: true, data: chartData, margin: {
-                            left: 12,
-                            right: 12,
-                        }, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "date", tickLine: false, axisLine: false, tickMargin: 8, minTickGap: 32, tickFormatter: (value) => {
-                                    const date = new Date(value);
-                                    return date.toLocaleDateString("en-US", {
-                                        month: "short",
-                                        day: "numeric",
-                                    });
-                                } }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, { className: "w-[150px]", nameKey: "views", labelFormatter: (value) => {
-                                        return new Date(value).toLocaleDateString("en-US", {
-                                            month: "short",
-                                            day: "numeric",
-                                            year: "numeric",
-                                        });
-                                    } }) }), _jsx(Line, { dataKey: activeChart, type: "monotone", stroke: `var(--color-${activeChart})`, strokeWidth: 2, dot: false })] }) }) })] }));
-}

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

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

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

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

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

@@ -1,51 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TrendingUp } from "lucide-react";
-import { CartesianGrid, LabelList, Line, LineChart } from "recharts";
-import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "../../card";
-import { ChartContainer, ChartTooltip, ChartTooltipContent, } from "../../chart";
-export const description = "A line chart with a custom 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",
-        color: "hsl(var(--chart-2))",
-    },
-    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, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Line Chart - Custom Label" }), _jsx(CardDescription, { children: "January - June 2024" })] }), _jsx(CardContent, { children: _jsx(ChartContainer, { config: chartConfig, children: _jsxs(LineChart, { accessibilityLayer: true, data: chartData, margin: {
-                            top: 24,
-                            left: 24,
-                            right: 24,
-                        }, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(ChartTooltip, { cursor: false, content: _jsx(ChartTooltipContent, { indicator: "line", nameKey: "visitors", hideLabel: true }) }), _jsx(Line, { dataKey: "visitors", type: "natural", stroke: "var(--color-visitors)", strokeWidth: 2, dot: {
-                                    fill: "var(--color-visitors)",
-                                }, activeDot: {
-                                    r: 6,
-                                }, children: _jsx(LabelList, { position: "top", offset: 12, className: "fill-foreground", fontSize: 12, dataKey: "browser", formatter: (value) => chartConfig[value]?.label }) })] }) }) }), _jsxs(CardFooter, { className: "flex-col items-start gap-2 text-sm", children: [_jsxs("div", { className: "flex 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" })] })] }));
-}