@hanzo/ui 5.3.38 → 5.3.39

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

@@ -0,0 +1,33 @@
+"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,32 @@
+"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,34 @@
+"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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,33 @@
+"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,31 @@
+"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,34 @@
+"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,37 @@
+"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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,31 @@
+"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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"}

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

@@ -0,0 +1,10 @@
+// Auto-generated index for tooltip charts
+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';

package/dist/primitives/chat/chat-input-area.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+type ChatInputAreaProps = {
+    value: string;
+    onChange: (value: string) => void;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onPaste?: (e: React.ClipboardEvent<HTMLTextAreaElement>) => void;
+    onSubmit: () => void;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    isLoading?: boolean;
+    placeholder?: string;
+    topAddons?: React.ReactNode;
+    bottomAddons?: React.ReactNode;
+    textareaClassName?: string;
+    className?: string;
+    alternateElement?: React.ReactNode;
+    ref?: React.RefObject<HTMLTextAreaElement | null>;
+};
+export declare const ChatInputArea: {
+    ({ value, onChange, onPaste, onKeyDown, autoFocus, onSubmit, disabled, isLoading, placeholder, topAddons, bottomAddons, textareaClassName, alternateElement, className, ref, }: ChatInputAreaProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=chat-input-area.d.ts.map

package/dist/primitives/chat/chat-input-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input-area.d.ts","sourceRoot":"","sources":["../../../primitives/chat/chat-input-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,KAAK,IAAI,CAAC;IACjE,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;CACnD,CAAC;AACF,eAAO,MAAM,aAAa;oLAgBvB,kBAAkB;;CA4CpB,CAAC"}

package/dist/primitives/chat/chat-input-area.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCombinedRefs } from '../../src/hooks/use-combined-refs';
+import { cn } from '../../src/utils';
+import { ChatInput } from './chat-input';
+// Simple fallback for translation
+const useTranslation = () => ({
+    t: (key) => {
+        const translations = {
+            'chat.sendMessagePlaceholder': 'Type a message...'
+        };
+        return translations[key] || key;
+    }
+});
+export const ChatInputArea = ({ value, onChange, onPaste, onKeyDown, autoFocus, onSubmit, disabled, isLoading, placeholder, topAddons, bottomAddons, textareaClassName, alternateElement, className, ref, }) => {
+    const { t } = useTranslation();
+    const textareaRef = useCombinedRefs(ref);
+    return (_jsxs("div", { className: cn('bg-bg-secondary flex w-full max-w-full flex-col rounded-xl text-sm aria-disabled:cursor-not-allowed aria-disabled:opacity-50', 'shadow-border-input focus-within:shadow-border-input-focus overflow-hidden shadow-[0_0_0_1px_currentColor] transition-shadow', className), children: [topAddons, _jsxs("div", { "aria-disabled": disabled, className: "flex cursor-text flex-col aria-disabled:cursor-not-allowed", onClick: (e) => {
+                    if (e.target === e.currentTarget) {
+                        textareaRef?.current?.focus();
+                    }
+                }, children: [alternateElement ? (alternateElement) : (_jsx(ChatInput, { autoFocus: autoFocus, className: textareaClassName, disabled: disabled || isLoading, onChange: (e) => onChange(e.target.value), onKeyDown: onKeyDown, onPaste: onPaste, onSend: onSubmit, placeholder: placeholder ?? t('chat.sendMessagePlaceholder'), ref: textareaRef, value: value })), bottomAddons] })] }));
+};
+ChatInputArea.displayName = 'ChatInputArea';

package/dist/primitives/chat/chat-input.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+export interface ChatInputProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    onSend?: () => void;
+    ref: React.RefObject<HTMLTextAreaElement | null>;
+}
+export declare const useAutoResizeTextarea: (ref: React.RefObject<HTMLTextAreaElement | null>, value: string | number | readonly string[] | undefined, autoResize?: boolean) => {
+    textAreaRef: React.RefObject<HTMLTextAreaElement | null>;
+};
+export declare const ChatInput: React.MemoExoticComponent<{
+    ({ className, onSend, onKeyDown, ref, ...props }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}>;
+//# sourceMappingURL=chat-input.d.ts.map

package/dist/primitives/chat/chat-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-input.d.ts","sourceRoot":"","sources":["../../../primitives/chat/chat-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,qBAAqB,GAChC,KAAK,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,EAChD,OAAO,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,GAAG,SAAS,EACtD,oBAAiB;;CAwBlB,CAAC;AAiCF,eAAO,MAAM,SAAS;sDAzBnB,cAAc;;EAyBiC,CAAC"}

package/dist/primitives/chat/chat-input.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../src/utils';
+export const useAutoResizeTextarea = (ref, value, autoResize = true) => {
+    const textAreaRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => textAreaRef.current);
+    React.useEffect(() => {
+        const ref = textAreaRef?.current;
+        const updateTextareaHeight = () => {
+            if (ref && autoResize) {
+                ref.style.height = 'auto';
+                ref.style.height = ref?.scrollHeight + 'px';
+            }
+        };
+        updateTextareaHeight();
+        ref?.addEventListener('input', updateTextareaHeight);
+        return () => ref?.removeEventListener('input', updateTextareaHeight);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value]);
+    return { textAreaRef };
+};
+const ChatInputBase = ({ className, onSend, onKeyDown, ref, ...props }) => {
+    const { textAreaRef } = useAutoResizeTextarea(ref, props.value);
+    return (_jsx("textarea", { className: cn('placeholder:!text-text-placeholder flex max-h-[40vh] min-h-[80px] w-full resize-none overflow-y-auto border-none bg-transparent px-3 py-2 text-base leading-normal break-words focus:outline-hidden focus-visible:ring-0 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50', className), id: "chat-input", onKeyDown: (event) => {
+            onKeyDown?.(event);
+            if (event.key === 'Enter' && !event.shiftKey) {
+                event.preventDefault();
+                onSend?.();
+            }
+        }, ref: textAreaRef, spellCheck: false, ...props }));
+};
+ChatInputBase.displayName = 'ChatInput';
+export const ChatInput = React.memo(ChatInputBase);

package/dist/primitives/chat/json-form.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const JsonForm: React.FC<any>;
+export default JsonForm;
+//# sourceMappingURL=json-form.d.ts.map

package/dist/primitives/chat/json-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-form.d.ts","sourceRoot":"","sources":["../../../primitives/chat/json-form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,CAE3B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/primitives/chat/json-form.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Temporary stub for JsonForm - will be replaced with actual implementation
+const JsonForm = (props) => {
+    return _jsx("div", { children: "JsonForm Component - To be implemented" });
+};
+export default JsonForm;

package/dist/primitives/checkbox.d.ts

@@ -0,0 +1,12 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import * as React from 'react';
+type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
+    ref?: React.RefObject<React.ComponentRef<typeof CheckboxPrimitive.Root>>;
+};
+declare const Checkbox: {
+    ({ className, ref, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Checkbox };
+export default Checkbox;
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/primitives/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../primitives/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,aAAa,GAAG,KAAK,CAAC,wBAAwB,CACjD,OAAO,iBAAiB,CAAC,IAAI,CAC9B,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;CAC1E,CAAC;AAEF,QAAA,MAAM,QAAQ;mCAAkC,aAAa;;CAe5D,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,eAAe,QAAQ,CAAC"}

package/dist/primitives/checkbox.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { CheckIcon } from '@radix-ui/react-icons';
+import { cn } from '../src/utils';
+const Checkbox = ({ className, ref, ...props }) => (_jsx(CheckboxPrimitive.Root, { className: cn('focus-visible:ring-ring data-[state=checked]:bg-brand data-[state=checked]:border-brand peer h-4 w-4 shrink-0 rounded-xs border border-gray-400 shadow-sm focus-visible:ring-1 focus-visible:outline-hidden disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-black', className), ref: ref, ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn('flex items-center justify-center text-current'), children: _jsx(CheckIcon, { className: "h-3.5 w-3.5" }) }) }));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+export { Checkbox };
+export default Checkbox;

package/dist/primitives/collapsible.d.ts

@@ -0,0 +1,6 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/primitives/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../primitives/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,QAAA,MAAM,WAAW,kIAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,4IAA0C,CAAC;AAEnE,QAAA,MAAM,kBAAkB,yIAA0C,CAAC;AAEnE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/primitives/collapsible.js

@@ -0,0 +1,5 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+const Collapsible = CollapsiblePrimitive.Root;
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/primitives/combobox.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import type ListAdaptor from './list-adaptor';
+interface ComboboxTriggerProps<T> {
+    current: T | null;
+    currentLabel: string | null;
+    imageUrl: string | null;
+    placeholder?: string;
+    buttonClx?: string;
+    imageClx?: string;
+    disabled?: boolean;
+    imageSize?: number;
+    noChevron?: boolean;
+    open: boolean;
+}
+declare const Combobox: <T, P extends ComboboxTriggerProps<T>>({ elements, initial, current, setCurrent, closeOnSelect, adaptor, popoverClx, listItemClx, listItemSelectedClx, listItemDisabledClx, noCheckmark, listItemImageClx, searchPlaceholder, noneFoundMessage, listItemImageSize, noSearch, popoverAlign, popoverSideOffset, Trigger, triggerProps }: {
+    elements: T[];
+    initial?: T | null;
+    current?: T | null;
+    setCurrent: (c: T | null) => void;
+    closeOnSelect?: boolean;
+    adaptor: ListAdaptor<T>;
+    popoverClx?: string;
+    listItemClx?: string;
+    listItemSelectedClx?: string;
+    listItemDisabledClx?: string;
+    listItemImageClx?: string;
+    listItemImageSize?: number;
+    noCheckmark?: boolean;
+    searchPlaceholder?: string;
+    noneFoundMessage?: string;
+    noSearch?: boolean;
+    popoverAlign?: "center" | "end" | "start";
+    popoverSideOffset?: number;
+    /** If (custom) Trigger is not supplied,
+     * passed to default trigger */
+    triggerProps: P;
+    Trigger?: <T_1, P_1>(props: P_1 & {
+        ref?: React.ForwardedRef<HTMLButtonElement>;
+    }) => React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export { Combobox as default, type ComboboxTriggerProps };
+//# sourceMappingURL=combobox.d.ts.map

package/dist/primitives/combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../primitives/combobox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAqBvC,OAAO,KAAK,WAAW,MAAM,gBAAgB,CAAA;AAI7C,UAAU,oBAAoB,CAAC,CAAC;IAC9B,OAAO,EAAE,CAAC,GAAG,IAAI,CAAA;IACjB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,OAAO,CAAA;CACd;AAoDD,QAAA,MAAM,QAAQ,GAAI,CAAC,EAAE,CAAC,SAAS,oBAAoB,CAAC,CAAC,CAAC,EAAE,gSAqBrD;IACD,QAAQ,EAAE,CAAC,EAAE,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAA;IAClB,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IACxB;mCAC+B;IACjC,YAAY,EAAE,CAAC,CAAA;IACf,OAAO,CAAC,EACN,CAAC,GAAC,EAAE,GAAC,EAAE,KAAK,EAAE,GAAC,GAAG;QAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;CACxF,4CAmGA,CAAA;AAED,OAAO,EACL,QAAQ,IAAI,OAAO,EACnB,KAAK,oBAAoB,EAC1B,CAAA"}