@alpic-ai/ui 0.0.0-staging.gcd4957c → 0.0.0-staging.gcd7c19c

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

@@ -0,0 +1,69 @@
+import { ChartTheme } from "../hooks/use-chart-theme.mjs";
+import { ChartSeries, ResolvedSeries } from "../lib/chart.mjs";
+import { ChartMarker } from "./area-chart.mjs";
+//#region src/components/chart-primitives.d.ts
+type ReferenceLineConfig = {
+  y: number;
+  label?: string;
+  band?: boolean;
+};
+type ChartData = ReadonlyArray<Record<string, string | number | null | undefined>>;
+declare function makeChartAxis(theme: ChartTheme): {
+  stroke: string;
+  tick: {
+    fill: string;
+    fontSize: number;
+    fontFamily: string;
+  };
+  tickLine: false;
+  axisLine: {
+    stroke: string;
+    strokeOpacity: number;
+  };
+};
+declare function makeLegendItems(resolved: ResolvedSeries[]): {
+  name: string;
+  color: string;
+  dashed: boolean | undefined;
+}[];
+/**
+ * Stacked series must reach the stack height (sum per x-point), not the tallest
+ * single series, or reference bands and explicit Y domains clip a tall stack short.
+ */
+declare function computeNumericMax(data: ChartData, series: ChartSeries[], stacked: boolean): number;
+declare function makeActiveDot(entry: ResolvedSeries, { valueFlags, theme, valueFormatter }: {
+  valueFlags: boolean;
+  theme: ChartTheme;
+  valueFormatter: (value: number) => string;
+}): ((dotProps: {
+  cx?: number;
+  cy?: number;
+  value?: number | string;
+}) => import("react").JSX.Element) | {
+  r: number;
+  fill: string;
+  stroke: string;
+  strokeWidth: number;
+};
+declare function makeLastValueLabel(color: string, { dataLength, theme, valueFormatter }: {
+  dataLength: number;
+  theme: ChartTheme;
+  valueFormatter: (value: number) => string;
+}): (props: {
+  x?: string | number;
+  y?: string | number;
+  value?: string | number | boolean | Array<string | number | boolean> | null;
+  index?: number;
+}) => import("react").JSX.Element | null;
+/**
+ * Returns recharts elements (not a wrapper component) so recharts still detects
+ * them as direct children when spread into a chart via `{renderReferenceLine(...)}`.
+ */
+declare function renderReferenceLine({ referenceLine, numericMax, theme }: {
+  referenceLine: ReferenceLineConfig | undefined;
+  numericMax: number;
+  theme: ChartTheme;
+}): (import("react").JSX.Element | null)[] | null;
+declare function renderMarkers(markers: ChartMarker[] | undefined, theme: ChartTheme): import("react").JSX.Element[] | undefined;
+//#endregion
+export { ReferenceLineConfig, computeNumericMax, makeActiveDot, makeChartAxis, makeLastValueLabel, makeLegendItems, renderMarkers, renderReferenceLine };

package/dist/components/chart-primitives.mjs

@@ -0,0 +1,134 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ReferenceArea, ReferenceDot, ReferenceLine } from "recharts";
+//#region src/components/chart-primitives.tsx
+function makeChartAxis(theme) {
+	return {
+		stroke: theme.border,
+		tick: {
+			fill: theme.axisForeground,
+			fontSize: 10,
+			fontFamily: theme.fontMono
+		},
+		tickLine: false,
+		axisLine: {
+			stroke: theme.border,
+			strokeOpacity: .6
+		}
+	};
+}
+function makeLegendItems(resolved) {
+	return resolved.map((entry) => ({
+		name: entry.name,
+		color: entry.color,
+		dashed: entry.dashed
+	}));
+}
+/**
+* Stacked series must reach the stack height (sum per x-point), not the tallest
+* single series, or reference bands and explicit Y domains clip a tall stack short.
+*/
+function computeNumericMax(data, series, stacked) {
+	let max = 0;
+	for (const row of data) {
+		let rowTotal = 0;
+		for (const entry of series) {
+			const value = Number(row[entry.key]);
+			if (Number.isFinite(value)) {
+				rowTotal += value;
+				if (!stacked && value > max) max = value;
+			}
+		}
+		if (stacked && rowTotal > max) max = rowTotal;
+	}
+	return max;
+}
+function makeActiveDot(entry, { valueFlags, theme, valueFormatter }) {
+	if (!valueFlags) return {
+		r: 3.5,
+		fill: entry.color,
+		stroke: theme.card,
+		strokeWidth: 2
+	};
+	return (dotProps) => {
+		if (dotProps.cx == null || dotProps.cy == null) return /* @__PURE__ */ jsx("g", {});
+		return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("circle", {
+			cx: dotProps.cx,
+			cy: dotProps.cy,
+			r: 3.5,
+			fill: entry.color,
+			stroke: theme.card,
+			strokeWidth: 2
+		}), /* @__PURE__ */ jsx("text", {
+			x: dotProps.cx,
+			y: dotProps.cy - 8,
+			textAnchor: "middle",
+			fill: entry.color,
+			fontFamily: theme.fontMono,
+			fontSize: 10,
+			style: { fontVariantNumeric: "tabular-nums" },
+			children: valueFormatter(Number(dotProps.value ?? 0))
+		})] });
+	};
+}
+function makeLastValueLabel(color, { dataLength, theme, valueFormatter }) {
+	return (props) => {
+		if (props.index !== dataLength - 1 || props.x == null || props.y == null) return null;
+		return /* @__PURE__ */ jsx("text", {
+			x: Number(props.x) + 6,
+			y: Number(props.y),
+			dy: 3,
+			fill: color,
+			fontFamily: theme.fontMono,
+			fontSize: 10,
+			textAnchor: "start",
+			style: { fontVariantNumeric: "tabular-nums" },
+			children: valueFormatter(Number(props.value ?? 0))
+		});
+	};
+}
+/**
+* Returns recharts elements (not a wrapper component) so recharts still detects
+* them as direct children when spread into a chart via `{renderReferenceLine(...)}`.
+*/
+function renderReferenceLine({ referenceLine, numericMax, theme }) {
+	if (!referenceLine) return null;
+	return [referenceLine.band ? /* @__PURE__ */ jsx(ReferenceArea, {
+		y1: referenceLine.y,
+		y2: numericMax,
+		fill: theme.warning,
+		fillOpacity: .06,
+		ifOverflow: "extendDomain"
+	}, "reference-band") : null, /* @__PURE__ */ jsx(ReferenceLine, {
+		y: referenceLine.y,
+		stroke: theme.warning,
+		strokeDasharray: "4 4",
+		strokeOpacity: .6,
+		label: referenceLine.label ? {
+			value: referenceLine.label,
+			fill: theme.warning,
+			fontSize: 9,
+			fontFamily: theme.fontMono,
+			position: "insideBottomRight"
+		} : void 0
+	}, "reference-line")];
+}
+function renderMarkers(markers, theme) {
+	return markers?.map((marker) => /* @__PURE__ */ jsx(ReferenceDot, {
+		x: marker.x,
+		y: marker.y,
+		r: 3.5,
+		fill: marker.color ?? theme.foreground,
+		stroke: theme.card,
+		strokeWidth: 2,
+		label: marker.label ? {
+			value: marker.label,
+			fill: marker.color ?? theme.foreground,
+			fontSize: 9,
+			fontFamily: theme.fontMono,
+			position: "top"
+		} : void 0
+	}, `${marker.x}-${marker.y}`));
+}
+//#endregion
+export { computeNumericMax, makeActiveDot, makeChartAxis, makeLastValueLabel, makeLegendItems, renderMarkers, renderReferenceLine };

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

@@ -0,0 +1,23 @@
+//#region src/components/chart-tooltip.d.ts
+interface ChartTooltipItem {
+  name?: string | number;
+  value?: number | string;
+  color?: string;
+  stroke?: string;
+  fill?: string;
+  dataKey?: string | number;
+}
+interface ChartTooltipContentProps {
+  active?: boolean;
+  payload?: ChartTooltipItem[];
+  label?: string | number;
+  valueFormatter?: (value: number) => string;
+  labelFormatter?: (label: string | number) => string;
+  hideLabel?: boolean;
+  showTotal?: boolean;
+  totalLabel?: string;
+  className?: string;
+}
+declare function ChartTooltipContent({ active, payload, label, valueFormatter, labelFormatter, hideLabel, showTotal, totalLabel, className }: ChartTooltipContentProps): import("react").JSX.Element | null;
+//#endregion
+export { ChartTooltipContent, ChartTooltipContentProps, ChartTooltipItem };

package/dist/components/chart-tooltip.mjs

@@ -0,0 +1,79 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { useChartContext } from "./chart-container.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/chart-tooltip.tsx
+const MAX_TOOLTIP_ROWS = 8;
+function ChartTooltipContent({ active, payload, label, valueFormatter = (value) => value.toLocaleString("en-US"), labelFormatter, hideLabel, showTotal, totalLabel = "Total", className }) {
+	const { theme } = useChartContext();
+	if (!active || !payload?.length) return null;
+	const toNumber = (value) => typeof value === "number" ? value : Number(value ?? 0);
+	const total = payload.reduce((sum, item) => sum + toNumber(item.value), 0);
+	const sorted = [...payload].sort((lower, upper) => toNumber(upper.value) - toNumber(lower.value));
+	const rows = sorted.slice(0, MAX_TOOLTIP_ROWS);
+	const overflow = sorted.slice(MAX_TOOLTIP_ROWS);
+	const overflowTotal = overflow.reduce((sum, item) => sum + toNumber(item.value), 0);
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("min-w-[130px] rounded-lg border px-3 py-2.5 shadow-lg", "border-border bg-popover text-popover-foreground", className),
+		children: [!hideLabel && label !== void 0 && /* @__PURE__ */ jsx("p", {
+			className: "font-mono text-[10px] uppercase tracking-wider text-quaternary-foreground mb-1.5",
+			children: labelFormatter ? labelFormatter(label) : label
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-1",
+			children: [
+				rows.map((item, index) => {
+					const swatch = [
+						item.color,
+						item.stroke,
+						item.fill
+					].find((candidate) => typeof candidate === "string" && candidate.length > 0 && !candidate.startsWith("url(")) ?? theme.mutedForeground;
+					const numeric = toNumber(item.value);
+					return /* @__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: swatch }
+							}), item.name]
+						}), /* @__PURE__ */ jsx("span", {
+							className: "font-mono font-semibold tabular-nums text-foreground",
+							children: valueFormatter(numeric)
+						})]
+					}, `${item.dataKey ?? index}`);
+				}),
+				overflow.length > 0 && /* @__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-quaternary-foreground",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								"aria-hidden": true,
+								className: "size-2 shrink-0"
+							}),
+							"+",
+							overflow.length,
+							" more"
+						]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "font-mono font-semibold tabular-nums text-quaternary-foreground",
+						children: valueFormatter(overflowTotal)
+					})]
+				}),
+				showTotal && /* @__PURE__ */ jsxs("div", {
+					className: "mt-1 flex items-center justify-between gap-4 border-border border-t pt-1.5 text-text-xs",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "font-mono text-quaternary-foreground uppercase tracking-wider text-[10px]",
+						children: totalLabel
+					}), /* @__PURE__ */ jsx("span", {
+						className: "font-mono font-semibold tabular-nums text-foreground",
+						children: valueFormatter(total)
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { ChartTooltipContent };

package/dist/components/checkbox.d.mts

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

package/dist/components/collapsible.d.mts

@@ -1,16 +1,8 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-
 //#region src/components/collapsible.d.ts
-declare function Collapsible({
-  ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
-declare function CollapsibleTrigger({
-  ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): _$react_jsx_runtime0.JSX.Element;
-declare function CollapsibleContent({
-  ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): _$react_jsx_runtime0.JSX.Element;
+declare function Collapsible({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.Root>): React$1.JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): React$1.JSX.Element;
+declare function CollapsibleContent({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): React$1.JSX.Element;
 //#endregion
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/combobox.d.mts

@@ -1,10 +1,8 @@
 import { PopoverContent } from "./popover.mjs";
 import { selectTriggerVariants } from "./select-trigger-variants.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import { ReactNode } from "react";
 import { Command } from "cmdk";
-
 //#region src/components/combobox.d.ts
 interface ComboboxBaseProps {
   children: ReactNode;
@@ -27,62 +25,27 @@ interface ComboboxMultipleProps extends ComboboxBaseProps {
   onValueChange?: (value: string[]) => void;
 }
 type ComboboxProps = ComboboxSingleProps | ComboboxMultipleProps;
-declare function Combobox(props: ComboboxProps): _$react_jsx_runtime0.JSX.Element;
+declare function Combobox(props: ComboboxProps): import("react").JSX.Element;
 interface ComboboxTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size">, VariantProps<typeof selectTriggerVariants> {
   placeholder?: string;
 }
-declare function ComboboxTrigger({
-  className,
-  size,
-  placeholder,
-  children,
-  ...props
-}: ComboboxTriggerProps): _$react_jsx_runtime0.JSX.Element;
+declare function ComboboxTrigger({ className, size, placeholder, children, ...props }: ComboboxTriggerProps): import("react").JSX.Element;
 interface ComboboxContentProps extends React.ComponentProps<typeof PopoverContent> {
   className?: string;
   children?: ReactNode;
   filter?: React.ComponentProps<typeof Command>["filter"];
 }
-declare function ComboboxContent({
-  className,
-  children,
-  filter,
-  ...props
-}: ComboboxContentProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxSearch({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Input>): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxList({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.List>): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxEmpty({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Empty>): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Group>): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command.Separator>): _$react_jsx_runtime0.JSX.Element;
+declare function ComboboxContent({ className, children, filter, ...props }: ComboboxContentProps): import("react").JSX.Element;
+declare function ComboboxSearch({ className, ...props }: React.ComponentProps<typeof Command.Input>): import("react").JSX.Element;
+declare function ComboboxList({ className, ...props }: React.ComponentProps<typeof Command.List>): import("react").JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: React.ComponentProps<typeof Command.Empty>): import("react").JSX.Element;
+declare function ComboboxGroup({ className, ...props }: React.ComponentProps<typeof Command.Group>): import("react").JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: React.ComponentProps<typeof Command.Separator>): import("react").JSX.Element;
 interface ComboboxItemProps extends Omit<React.ComponentProps<typeof Command.Item>, "onSelect"> {
   /** The value stored when this item is selected */
   itemValue: string;
 }
-declare function ComboboxItem({
-  className,
-  children,
-  itemValue,
-  ...props
-}: ComboboxItemProps): _$react_jsx_runtime0.JSX.Element;
-declare function ComboboxItemText({
-  className,
-  children,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>): _$react_jsx_runtime0.JSX.Element;
+declare function ComboboxItem({ className, children, itemValue, ...props }: ComboboxItemProps): import("react").JSX.Element;
+declare function ComboboxItemText({ className, children, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react").JSX.Element;
 //#endregion
 export { Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxItem, ComboboxItemText, ComboboxList, ComboboxSearch, ComboboxSeparator, ComboboxTrigger };

package/dist/components/command.d.mts

@@ -1,38 +1,13 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 import { Command as Command$1 } from "cmdk";
-
 //#region src/components/command.d.ts
-declare function Command({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command$1>): _$react_jsx_runtime0.JSX.Element;
-declare function CommandInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command$1.Input>): _$react_jsx_runtime0.JSX.Element;
-declare function CommandList({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command$1.List>): _$react_jsx_runtime0.JSX.Element;
-declare function CommandEmpty({
-  ...props
-}: React.ComponentProps<typeof Command$1.Empty>): _$react_jsx_runtime0.JSX.Element;
-declare function CommandGroup({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command$1.Group>): _$react_jsx_runtime0.JSX.Element;
-declare function CommandSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command$1.Separator>): _$react_jsx_runtime0.JSX.Element;
-declare function CommandItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof Command$1.Item>): _$react_jsx_runtime0.JSX.Element;
-declare function CommandShortcut({
-  className,
-  ...props
-}: React.ComponentProps<"span">): _$react_jsx_runtime0.JSX.Element;
+declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): React$1.JSX.Element;
+declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): React$1.JSX.Element;
+declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): React$1.JSX.Element;
+declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): React$1.JSX.Element;
+declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): React$1.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): React$1.JSX.Element;
+declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): React$1.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
 //#endregion
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/components/copyable.d.mts

@@ -1,22 +1,14 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
-
 //#region src/components/copyable.d.ts
 interface CopyableProps {
   content: string;
   children: ReactNode;
   className?: string;
 }
-declare function Copyable({
-  content,
-  children,
-  className
-}: CopyableProps): _$react_jsx_runtime0.JSX.Element;
+declare function Copyable({ content, children, className }: CopyableProps): import("react").JSX.Element;
 interface CopyableUrlProps {
   url: URL;
 }
-declare function CopyableUrl({
-  url
-}: CopyableUrlProps): _$react_jsx_runtime0.JSX.Element;
+declare function CopyableUrl({ url }: CopyableUrlProps): import("react").JSX.Element;
 //#endregion
 export { Copyable, type CopyableProps, CopyableUrl, type CopyableUrlProps };

package/dist/components/description-list.d.mts

@@ -1,22 +1,8 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
-
+import * as React$1 from "react";
 //#region src/components/description-list.d.ts
-declare function DescriptionList({
-  className,
-  ...props
-}: React.ComponentProps<"dl">): _$react_jsx_runtime0.JSX.Element;
-declare function DescriptionItem({
-  className,
-  ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
-declare function DescriptionTitle({
-  className,
-  ...props
-}: React.ComponentProps<"dt">): _$react_jsx_runtime0.JSX.Element;
-declare function DescriptionValue({
-  className,
-  ...props
-}: React.ComponentProps<"dd">): _$react_jsx_runtime0.JSX.Element;
+declare function DescriptionList({ className, ...props }: React$1.ComponentProps<"dl">): React$1.JSX.Element;
+declare function DescriptionItem({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
+declare function DescriptionTitle({ className, ...props }: React$1.ComponentProps<"dt">): React$1.JSX.Element;
+declare function DescriptionValue({ className, ...props }: React$1.ComponentProps<"dd">): React$1.JSX.Element;
 //#endregion
 export { DescriptionItem, DescriptionList, DescriptionTitle, DescriptionValue };

package/dist/components/dialog.d.mts

@@ -1,61 +1,27 @@
 import { ButtonProps } from "./button.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
+import * as React$1 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
 //#region src/components/dialog.d.ts
-declare function Dialog({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
-declare function DialogTrigger({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
-declare function DialogPortal({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Portal>): _$react_jsx_runtime0.JSX.Element;
-declare function DialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Overlay>): _$react_jsx_runtime0.JSX.Element;
+declare function Dialog({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): React$1.JSX.Element;
+declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): React$1.JSX.Element;
+declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): React$1.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): React$1.JSX.Element;
 declare const dialogContentVariants: (props?: ({
   size?: "sm" | "lg" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
-interface DialogContentProps extends React.ComponentProps<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface DialogContentProps extends React$1.ComponentProps<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
   showCloseButton?: boolean;
 }
-declare function DialogContent({
-  className,
-  children,
-  size,
-  showCloseButton,
-  ...props
-}: DialogContentProps): _$react_jsx_runtime0.JSX.Element;
-declare function DialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+declare function DialogContent({ className, children, size, showCloseButton, ...props }: DialogContentProps): React$1.JSX.Element;
+declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare const dialogFooterVariants: (props?: ({
   layout?: "horizontal" | "vertical" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
-interface DialogFooterProps extends React.ComponentProps<"div">, VariantProps<typeof dialogFooterVariants> {}
-declare function DialogFooter({
-  className,
-  layout,
-  ...props
-}: DialogFooterProps): _$react_jsx_runtime0.JSX.Element;
-declare function DialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Title>): _$react_jsx_runtime0.JSX.Element;
-declare function DialogClose({
-  children,
-  ...props
-}: Omit<ButtonProps, "variant" | "asChild">): _$react_jsx_runtime0.JSX.Element;
-declare function DialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Description>): _$react_jsx_runtime0.JSX.Element;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface DialogFooterProps extends React$1.ComponentProps<"div">, VariantProps<typeof dialogFooterVariants> {}
+declare function DialogFooter({ className, layout, ...props }: DialogFooterProps): React$1.JSX.Element;
+declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): React$1.JSX.Element;
+declare function DialogClose({ children, ...props }: Omit<ButtonProps, "variant" | "asChild">): React$1.JSX.Element;
+declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): React$1.JSX.Element;
 //#endregion
 export { Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants, dialogFooterVariants };

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

@@ -0,0 +1,31 @@
+import { ChartPaletteName } from "../lib/chart-palette.mjs";
+import * as React$1 from "react";
+//#region src/components/donut-chart.d.ts
+declare const GEOMETRY: {
+  readonly donut: {
+    readonly inner: "64%";
+    readonly outer: "92%";
+  };
+  readonly ring: {
+    readonly inner: "78%";
+    readonly outer: "92%";
+  };
+};
+interface DonutChartProps {
+  data: ReadonlyArray<Record<string, string | number | null | undefined>>;
+  index: string;
+  dataKey?: string;
+  variant?: keyof typeof GEOMETRY;
+  legend?: boolean;
+  paddingAngle?: number;
+  height?: number;
+  palette?: ChartPaletteName;
+  centerLabel?: string;
+  loading?: boolean;
+  valueFormatter?: (value: number) => string;
+  labelFormatter?: (label: string | number) => string;
+  className?: string;
+}
+declare function DonutChart({ data, index, dataKey, variant, legend, paddingAngle, height, palette, centerLabel, loading, valueFormatter, labelFormatter, className }: DonutChartProps): React$1.JSX.Element;
+//#endregion
+export { DonutChart, DonutChartProps };