@alpic-ai/ui 0.0.0-dev.g0999450 → 0.0.0-dev.g0a2a154

package/dist/components/dropdown-menu.d.mts

@@ -1,25 +1,25 @@
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
+import * as React$1 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 
 //#region src/components/dropdown-menu.d.ts
 declare function DropdownMenu({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): React$1.JSX.Element;
 declare function DropdownMenuPortal({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React$1.JSX.Element;
 declare function DropdownMenuTrigger({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React$1.JSX.Element;
 declare function DropdownMenuContent({
   className,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): React$1.JSX.Element;
 declare function DropdownMenuGroup({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): React$1.JSX.Element;
 declare const dropdownMenuItemVariants: (props?: ({
   variant?: "default" | "destructive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -28,43 +28,43 @@ declare function DropdownMenuItem({
   inset,
   variant,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & VariantProps<typeof dropdownMenuItemVariants> & {
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & VariantProps<typeof dropdownMenuItemVariants> & {
   inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React$1.JSX.Element;
 declare function DropdownMenuLabel({
   className,
   inset,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
   inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React$1.JSX.Element;
 declare function DropdownMenuHeader({
   className,
   children,
   ...props
-}: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
 declare function DropdownMenuSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React$1.JSX.Element;
 declare function DropdownMenuShortcut({
   className,
   ...props
-}: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<"span">): React$1.JSX.Element;
 declare function DropdownMenuSub({
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React$1.JSX.Element;
 declare function DropdownMenuSubTrigger({
   className,
   inset,
   children,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
   inset?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): React$1.JSX.Element;
 declare function DropdownMenuSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React$1.JSX.Element;
 //#endregion
 export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, dropdownMenuItemVariants };

package/dist/components/form.d.mts

@@ -1,7 +1,7 @@
 import { InputProps } from "./input.mjs";
 import { Label } from "./label.mjs";
 import { TextareaProps } from "./textarea.mjs";
-import * as React from "react";
+import * as React$1 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
 
@@ -25,10 +25,10 @@ declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransfor
   register,
   setFocus,
   subscribe
-}: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+}: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React$1.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
   ...props
-}: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+}: ControllerProps<TFieldValues, TName>) => React$1.JSX.Element;
 declare const useFormField: () => {
   invalid: boolean;
   isDirty: boolean;
@@ -44,8 +44,8 @@ declare const useFormField: () => {
 declare function FormItem({
   className,
   ...props
-}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-interface FormLabelProps extends React.ComponentProps<typeof Label> {
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
+interface FormLabelProps extends React$1.ComponentProps<typeof Label> {
   required?: boolean;
   tooltip?: string;
 }
@@ -55,19 +55,19 @@ declare function FormLabel({
   tooltip,
   children,
   ...props
-}: FormLabelProps): import("react/jsx-runtime").JSX.Element;
+}: FormLabelProps): React$1.JSX.Element;
 declare function FormControl({
   ...props
-}: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<typeof Slot>): React$1.JSX.Element;
 declare function FormDescription({
   className,
   ...props
-}: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<"p">): React$1.JSX.Element;
 declare function FormMessage({
   className,
   ...props
-}: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element | null;
-interface FormHeaderProps extends React.ComponentProps<"div"> {
+}: React$1.ComponentProps<"p">): React$1.JSX.Element | null;
+interface FormHeaderProps extends React$1.ComponentProps<"div"> {
   title: string;
   description?: string;
 }
@@ -76,11 +76,11 @@ declare function FormHeader({
   description,
   className,
   ...props
-}: FormHeaderProps): import("react/jsx-runtime").JSX.Element;
+}: FormHeaderProps): React$1.JSX.Element;
 declare function FormFields({
   className,
   ...props
-}: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
 interface FormFieldBaseProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> {
   control: ControllerProps<TFieldValues, TName>["control"];
   name: TName;
@@ -100,7 +100,7 @@ declare function InputField<TFieldValues extends FieldValues, TName extends Fiel
   description,
   tooltip,
   ...inputProps
-}: InputFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+}: InputFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 interface TextareaFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName>, Omit<TextareaProps, "name" | "label"> {}
 declare function TextareaField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
   control,
@@ -111,7 +111,7 @@ declare function TextareaField<TFieldValues extends FieldValues, TName extends F
   description,
   tooltip,
   ...textareaProps
-}: TextareaFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+}: TextareaFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 interface SelectFieldOption {
   value: string;
   label: string;
@@ -131,7 +131,7 @@ declare function SelectField<TFieldValues extends FieldValues, TName extends Fie
   tooltip,
   options,
   placeholder
-}: SelectFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+}: SelectFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 interface RadioFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName> {
   options: SelectFieldOption[];
 }
@@ -144,7 +144,7 @@ declare function RadioField<TFieldValues extends FieldValues, TName extends Fiel
   description,
   tooltip,
   options
-}: RadioFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+}: RadioFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 interface ChecklistFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends FormFieldBaseProps<TFieldValues, TName> {
   options: SelectFieldOption[];
 }
@@ -157,7 +157,7 @@ declare function ChecklistField<TFieldValues extends FieldValues, TName extends
   description,
   tooltip,
   options
-}: ChecklistFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+}: ChecklistFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 interface CheckboxFieldProps<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>> extends Omit<FormFieldBaseProps<TFieldValues, TName>, "required"> {}
 declare function CheckboxField<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues>>({
   control,
@@ -166,6 +166,6 @@ declare function CheckboxField<TFieldValues extends FieldValues, TName extends F
   label,
   description,
   tooltip
-}: CheckboxFieldProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+}: CheckboxFieldProps<TFieldValues, TName>): React$1.JSX.Element;
 //#endregion
 export { CheckboxField, ChecklistField, Form, FormControl, FormDescription, FormField, FormFields, FormHeader, FormItem, FormLabel, FormMessage, InputField, RadioField, SelectField, type SelectFieldOption, TextareaField, useFormField };

package/dist/components/form.mjs

@@ -9,12 +9,12 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from ".
 import { Textarea } from "./textarea.mjs";
 import { Info } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
 //#region src/components/form.tsx
 const Form = FormProvider;
-const FormFieldContext = React.createContext({});
+const FormFieldContext = React$1.createContext({});
 const FormField = ({ ...props }) => {
 	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
 		value: { name: props.name },
@@ -22,8 +22,8 @@ const FormField = ({ ...props }) => {
 	});
 };
 const useFormField = () => {
-	const fieldContext = React.useContext(FormFieldContext);
-	const itemContext = React.useContext(FormItemContext);
+	const fieldContext = React$1.useContext(FormFieldContext);
+	const itemContext = React$1.useContext(FormItemContext);
 	if (!fieldContext.name) throw new Error("useFormField should be used within <FormField>");
 	const { getFieldState } = useFormContext();
 	const formState = useFormState({ name: fieldContext.name });
@@ -38,9 +38,9 @@ const useFormField = () => {
 		...fieldState
 	};
 };
-const FormItemContext = React.createContext({});
+const FormItemContext = React$1.createContext({});
 function FormItem({ className, ...props }) {
-	const id = React.useId();
+	const id = React$1.useId();
 	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
 		value: { id },
 		children: /* @__PURE__ */ jsx("div", {

package/dist/components/github-button.d.mts

@@ -7,6 +7,6 @@ declare function GitHubButton({
   className,
   children,
   ...props
-}: GitHubButtonProps): import("react/jsx-runtime").JSX.Element;
+}: GitHubButtonProps): import("react").JSX.Element;
 //#endregion
 export { GitHubButton, type GitHubButtonProps };

package/dist/components/heatmap-chart.d.mts

@@ -0,0 +1,40 @@
+import { ChartPaletteName } from "../lib/chart-palette.mjs";
+import * as React$1 from "react";
+
+//#region src/components/heatmap-chart.d.ts
+interface HeatmapChartProps {
+  data: ReadonlyArray<Record<string, string | number | null | undefined>>;
+  xKey: string;
+  yKey: string;
+  dataKey?: string;
+  variant?: "square" | "dot";
+  palette?: ChartPaletteName;
+  xLabels?: readonly string[];
+  yLabels?: readonly string[];
+  highlightPeak?: boolean;
+  loading?: boolean;
+  valueFormatter?: (value: number) => string;
+  xTickFormatter?: (label: string) => string;
+  yTickFormatter?: (label: string) => string;
+  ariaLabel?: string;
+  className?: string;
+}
+declare function HeatmapChart({
+  data,
+  xKey,
+  yKey,
+  dataKey,
+  variant,
+  palette,
+  xLabels,
+  yLabels,
+  highlightPeak,
+  loading,
+  valueFormatter,
+  xTickFormatter,
+  yTickFormatter,
+  ariaLabel,
+  className
+}: HeatmapChartProps): React$1.JSX.Element;
+//#endregion
+export { HeatmapChart, HeatmapChartProps };

package/dist/components/heatmap-chart.mjs

@@ -0,0 +1,198 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { HEAT_EMPTY, heatColor, heatRamp } from "../lib/chart-palette.mjs";
+import { useChartContext } from "./chart-container.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { createPortal } from "react-dom";
+//#region src/components/heatmap-chart.tsx
+const PLACEHOLDER_HEIGHT = 168;
+const CELL = 22;
+const GAP = 3;
+const PAD = {
+	left: 36,
+	top: 18,
+	right: 6,
+	bottom: 6
+};
+const MAX_X_TICKS = 13;
+const DOT_MIN = .42;
+const DOT_RANGE = .52;
+const TOOLTIP_OFFSET = 14;
+const TOOLTIP_WIDTH = 150;
+const TOOLTIP_HEIGHT = 64;
+const pairKey = (rowLabel, colLabel) => JSON.stringify([rowLabel, colLabel]);
+const uniqueInOrder = (values) => {
+	const seen = /* @__PURE__ */ new Set();
+	const ordered = [];
+	for (const value of values) if (!seen.has(value)) {
+		seen.add(value);
+		ordered.push(value);
+	}
+	return ordered;
+};
+function HeatmapChart({ data, xKey, yKey, dataKey = "value", variant = "square", palette, xLabels, yLabels, highlightPeak = true, loading = false, valueFormatter = (value) => value.toLocaleString("en-US"), xTickFormatter, yTickFormatter, ariaLabel = "Activity heatmap", className }) {
+	const { paletteName, theme } = useChartContext(palette);
+	const [hovered, setHovered] = React$1.useState(null);
+	const [mounted, setMounted] = React$1.useState(false);
+	React$1.useEffect(() => {
+		setMounted(true);
+	}, []);
+	const { columns, rows, cells, maxValue, peakKey } = React$1.useMemo(() => {
+		const columns = xLabels ? [...xLabels] : uniqueInOrder(data.map((row) => String(row[xKey] ?? "")));
+		const rows = yLabels ? [...yLabels] : uniqueInOrder(data.map((row) => String(row[yKey] ?? "")));
+		const valueAt = /* @__PURE__ */ new Map();
+		for (const row of data) valueAt.set(pairKey(String(row[yKey] ?? ""), String(row[xKey] ?? "")), Number(row[dataKey]) || 0);
+		let maxValue = 0;
+		let peakKey = "";
+		return {
+			columns,
+			rows,
+			cells: rows.flatMap((rowLabel, rowIndex) => columns.map((colLabel, colIndex) => {
+				const value = valueAt.get(pairKey(rowLabel, colLabel)) ?? 0;
+				if (value > maxValue) {
+					maxValue = value;
+					peakKey = pairKey(rowLabel, colLabel);
+				}
+				return {
+					rowLabel,
+					colLabel,
+					rowIndex,
+					colIndex,
+					value
+				};
+			})),
+			maxValue,
+			peakKey
+		};
+	}, [
+		data,
+		xKey,
+		yKey,
+		dataKey,
+		xLabels,
+		yLabels
+	]);
+	const isEmpty = columns.length === 0 || rows.length === 0 || maxValue <= 0;
+	if (loading) return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex items-center justify-center gap-2.5 font-mono text-quaternary-foreground text-text-xs", className),
+		style: { minHeight: PLACEHOLDER_HEIGHT },
+		children: [/* @__PURE__ */ jsx("span", { className: "size-4 animate-spin rounded-full border-2 border-border border-t-foreground" }), "loading…"]
+	});
+	if (isEmpty) return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center justify-center rounded-lg border border-border border-dashed font-mono text-quaternary-foreground text-text-xs", className),
+		style: { minHeight: PLACEHOLDER_HEIGHT },
+		children: "no data in range"
+	});
+	const ramp = heatRamp(paletteName, theme.isDark ? HEAT_EMPTY.dark : HEAT_EMPTY.light);
+	const totalWidth = PAD.left + columns.length * CELL + (columns.length - 1) * GAP + PAD.right;
+	const totalHeight = PAD.top + rows.length * CELL + (rows.length - 1) * GAP + PAD.bottom;
+	const xStride = Math.ceil(columns.length / MAX_X_TICKS);
+	const cellX = (col) => PAD.left + col * 25;
+	const cellY = (row) => PAD.top + row * 25;
+	const formatX = (label) => xTickFormatter ? xTickFormatter(label) : label;
+	const formatY = (label) => yTickFormatter ? yTickFormatter(label) : label;
+	const tooltipLeft = hovered && hovered.x + TOOLTIP_OFFSET + TOOLTIP_WIDTH > window.innerWidth ? hovered.x - TOOLTIP_OFFSET - TOOLTIP_WIDTH : (hovered?.x ?? 0) + TOOLTIP_OFFSET;
+	const tooltipTop = hovered && hovered.y + TOOLTIP_OFFSET + TOOLTIP_HEIGHT > window.innerHeight ? hovered.y - TOOLTIP_OFFSET - TOOLTIP_HEIGHT : (hovered?.y ?? 0) + TOOLTIP_OFFSET;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "heatmap-chart",
+		className: cn("w-full", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "overflow-x-auto",
+			children: /* @__PURE__ */ jsxs("svg", {
+				viewBox: `0 0 ${totalWidth} ${totalHeight}`,
+				className: "block min-w-[480px]",
+				style: {
+					width: "100%",
+					height: "auto"
+				},
+				role: "img",
+				"aria-label": ariaLabel,
+				onMouseLeave: () => setHovered(null),
+				children: [
+					columns.map((label, col) => col % xStride === 0 ? /* @__PURE__ */ jsx("text", {
+						x: cellX(col) + CELL / 2,
+						y: PAD.top - 7,
+						textAnchor: "middle",
+						className: "fill-quaternary-foreground font-mono text-[8.5px]",
+						children: formatX(label)
+					}, `x-${label}`) : null),
+					rows.map((label, row) => /* @__PURE__ */ jsx("text", {
+						x: PAD.left - 8,
+						y: cellY(row) + CELL / 2 + 3,
+						textAnchor: "end",
+						className: "fill-quaternary-foreground font-mono text-[8.5px]",
+						children: formatY(label)
+					}, `y-${label}`)),
+					cells.map((cell) => {
+						const fraction = cell.value / maxValue;
+						const fill = heatColor(ramp, fraction);
+						const key = pairKey(cell.rowLabel, cell.colLabel);
+						const isPeak = highlightPeak && key === peakKey;
+						if (variant === "dot") return /* @__PURE__ */ jsx("circle", {
+							cx: cellX(cell.colIndex) + CELL / 2,
+							cy: cellY(cell.rowIndex) + CELL / 2,
+							r: CELL / 2 * (DOT_MIN + DOT_RANGE * fraction),
+							fill,
+							stroke: isPeak ? theme.foreground : void 0,
+							strokeWidth: isPeak ? 1.4 : void 0
+						}, key);
+						return /* @__PURE__ */ jsx("rect", {
+							x: cellX(cell.colIndex),
+							y: cellY(cell.rowIndex),
+							width: CELL,
+							height: CELL,
+							rx: 2.5,
+							fill,
+							stroke: isPeak ? theme.foreground : void 0,
+							strokeWidth: isPeak ? 1.4 : void 0
+						}, key);
+					}),
+					cells.map((cell) => /* @__PURE__ */ jsx("rect", {
+						x: cellX(cell.colIndex),
+						y: cellY(cell.rowIndex),
+						width: 25,
+						height: 25,
+						fill: "transparent",
+						onMouseMove: (event) => setHovered({
+							x: event.clientX,
+							y: event.clientY,
+							rowLabel: cell.rowLabel,
+							colLabel: cell.colLabel,
+							value: cell.value
+						})
+					}, `hit-${pairKey(cell.rowLabel, cell.colLabel)}`))
+				]
+			})
+		}), mounted && hovered && createPortal(/* @__PURE__ */ jsxs("div", {
+			className: "pointer-events-none fixed z-50 min-w-[130px] rounded-lg border border-border bg-popover px-3 py-2.5 text-popover-foreground shadow-lg",
+			style: {
+				left: tooltipLeft,
+				top: tooltipTop
+			},
+			children: [/* @__PURE__ */ jsxs("p", {
+				className: "mb-1.5 font-mono text-[10px] text-quaternary-foreground uppercase tracking-wider",
+				children: [
+					formatY(hovered.rowLabel),
+					" · ",
+					formatX(hovered.colLabel)
+				]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-4 text-text-xs",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "inline-flex items-center gap-2 text-muted-foreground",
+					children: [/* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: "size-2 shrink-0 rounded-[2px]",
+						style: { background: heatColor(ramp, hovered.value / maxValue) }
+					}), "activity"]
+				}), /* @__PURE__ */ jsx("span", {
+					className: "font-mono font-semibold tabular-nums text-foreground",
+					children: valueFormatter(hovered.value)
+				})]
+			})]
+		}), document.body)]
+	});
+}
+//#endregion
+export { HeatmapChart };

package/dist/components/input-group.d.mts

@@ -1,12 +1,12 @@
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
+import * as React$1 from "react";
 
 //#region src/components/input-group.d.ts
 declare function InputGroup({
   className,
   children,
   ...props
-}: React.ComponentProps<"fieldset">): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<"fieldset">): React$1.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
   align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -14,10 +14,10 @@ declare function InputGroupAddon({
   className,
   align,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React$1.JSX.Element;
 declare function InputGroupTextarea({
   className,
   ...props
-}: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<"textarea">): React$1.JSX.Element;
 //#endregion
 export { InputGroup, InputGroupAddon, InputGroupTextarea };

package/dist/components/input.d.mts

@@ -1,14 +1,14 @@
-import * as React from "react";
+import * as React$1 from "react";
 
 //#region src/components/input.d.ts
-interface InputProps extends Omit<React.ComponentProps<"input">, "size"> {
+interface InputProps extends Omit<React$1.ComponentProps<"input">, "size"> {
   label?: string;
   required?: boolean;
   hint?: string;
   error?: string;
   tooltip?: string;
   leadingText?: string;
-  leadingIcon?: React.ReactNode;
+  leadingIcon?: React$1.ReactNode;
   size?: "sm" | "md";
 }
 declare function Input({
@@ -23,6 +23,6 @@ declare function Input({
   leadingIcon,
   size,
   ...props
-}: InputProps): import("react/jsx-runtime").JSX.Element;
+}: InputProps): React$1.JSX.Element;
 //#endregion
 export { Input, type InputProps };

package/dist/components/input.mjs

@@ -4,7 +4,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
 import { Label } from "./label.mjs";
 import { Info } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 //#region src/components/input.tsx
 const inputSizeStyles = {
 	sm: {
@@ -25,7 +25,7 @@ const inputSizeStyles = {
 	}
 };
 function Input({ className, id, label, required, hint, error, tooltip, leadingText, leadingIcon, size = "md", ...props }) {
-	const generatedId = React.useId();
+	const generatedId = React$1.useId();
 	const fieldId = id ?? generatedId;
 	const hasAddons = leadingText || leadingIcon;
 	const sizes = inputSizeStyles[size];

package/dist/components/label.d.mts

@@ -1,10 +1,10 @@
-import * as React from "react";
+import * as React$1 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 
 //#region src/components/label.d.ts
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+}: React$1.ComponentProps<typeof LabelPrimitive.Root>): React$1.JSX.Element;
 //#endregion
 export { Label };

package/dist/components/line-chart.d.mts

@@ -0,0 +1,55 @@
+import { ChartSeries } from "../lib/chart.mjs";
+import { ChartPaletteName } from "../lib/chart-palette.mjs";
+import { ChartMarker } from "./area-chart.mjs";
+import * as React$1 from "react";
+
+//#region src/components/line-chart.d.ts
+declare const CURVE_TYPE: {
+  readonly monotone: "monotone";
+  readonly linear: "linear";
+  readonly step: "stepAfter";
+};
+interface LineChartProps {
+  data: ReadonlyArray<Record<string, string | number | null | undefined>>;
+  index: string;
+  series: ChartSeries[];
+  curve?: keyof typeof CURVE_TYPE;
+  legend?: boolean;
+  valueFlags?: boolean;
+  dots?: boolean;
+  height?: number;
+  yAxisWidth?: number;
+  palette?: ChartPaletteName;
+  referenceLine?: {
+    y: number;
+    label?: string;
+    band?: boolean;
+  };
+  markers?: ChartMarker[];
+  lastValueLabel?: boolean;
+  loading?: boolean;
+  valueFormatter?: (value: number) => string;
+  labelFormatter?: (label: string | number) => string;
+  className?: string;
+}
+declare function LineChart({
+  data,
+  index,
+  series,
+  curve,
+  legend,
+  valueFlags,
+  dots,
+  height,
+  yAxisWidth,
+  palette,
+  referenceLine,
+  markers,
+  lastValueLabel,
+  loading,
+  valueFormatter,
+  labelFormatter,
+  className
+}: LineChartProps): React$1.JSX.Element;
+//#endregion
+export { LineChart, LineChartProps };