@alpic-ai/ui 0.0.0-dev.g23b48a1 → 0.0.0-dev.g23fdbf3

package/dist/components/switch.d.mts

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

package/dist/components/table.d.mts

@@ -1,32 +1,31 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 
 //#region src/components/table.d.ts
 declare function Table({
   className,
   ...props
-}: React.ComponentProps<"table">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"table">): React$1.JSX.Element;
 declare function TableHeader({
   className,
   ...props
-}: React.ComponentProps<"thead">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"thead">): React$1.JSX.Element;
 declare function TableBody({
   className,
   ...props
-}: React.ComponentProps<"tbody">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"tbody">): React$1.JSX.Element;
 declare function TableFooter({
   className,
   ...props
-}: React.ComponentProps<"tfoot">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"tfoot">): React$1.JSX.Element;
 declare function TableRow({
   className,
   ...props
-}: React.ComponentProps<"tr">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"tr">): React$1.JSX.Element;
 declare function TableHead({
   className,
   ...props
-}: React.ComponentProps<"th">): _$react_jsx_runtime0.JSX.Element;
-interface TableCellProps extends React.ComponentProps<"td"> {
+}: React$1.ComponentProps<"th">): React$1.JSX.Element;
+interface TableCellProps extends React$1.ComponentProps<"td"> {
   /**
    * When true, the cell renders edge-to-edge so the child can act as the
    * interactive surface (e.g. a button or popover trigger filling the cell).
@@ -38,10 +37,10 @@ declare function TableCell({
   className,
   interactive,
   ...props
-}: TableCellProps): _$react_jsx_runtime0.JSX.Element;
+}: TableCellProps): React$1.JSX.Element;
 declare function TableCaption({
   className,
   ...props
-}: React.ComponentProps<"caption">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"caption">): React$1.JSX.Element;
 //#endregion
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/tabs.d.mts

@@ -1,34 +1,32 @@
-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 TabsPrimitive from "@radix-ui/react-tabs";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/tabs.d.ts
 declare const tabsTriggerVariants: (props?: ({
   variant?: "default" | "pill" | "line" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Tabs({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof TabsPrimitive.Root>): React$1.JSX.Element;
 declare const tabsListVariants: (props?: ({
   variant?: "default" | "line" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function TabsList({
   className,
   variant,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): React$1.JSX.Element;
 declare function TabsTrigger({
   className,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): React$1.JSX.Element;
 declare function TabsContent({
   className,
   ...props
-}: React.ComponentProps<typeof TabsPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof TabsPrimitive.Content>): React$1.JSX.Element;
 type TabsNavVariant = "line" | "pill";
 type TabsNavOrientation = "horizontal" | "vertical";
 declare function TabsNav({
@@ -36,23 +34,23 @@ declare function TabsNav({
   variant,
   className,
   ...props
-}: React.ComponentProps<"nav"> & {
+}: React$1.ComponentProps<"nav"> & {
   orientation?: TabsNavOrientation;
   variant?: TabsNavVariant;
-}): _$react_jsx_runtime0.JSX.Element;
+}): React$1.JSX.Element;
 declare function TabsNavList({
   className,
   ...props
-}: React.ComponentProps<"ul">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"ul">): React$1.JSX.Element;
 declare function TabsNavTrigger({
   className,
   active,
   asChild,
   children,
   ...props
-}: React.ComponentProps<"a"> & {
+}: React$1.ComponentProps<"a"> & {
   active?: boolean;
   asChild?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): React$1.JSX.Element;
 //#endregion
 export { Tabs, TabsContent, TabsList, TabsNav, TabsNavList, TabsNavTrigger, TabsTrigger, tabsListVariants, tabsTriggerVariants };

package/dist/components/tag.d.mts

@@ -1,5 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/tag.d.ts
 interface TagBaseProps {
   icon?: React.ReactNode;
@@ -10,7 +8,7 @@ declare function Tag({
   icon,
   children,
   ...props
-}: TagProps): _$react_jsx_runtime0.JSX.Element;
+}: TagProps): import("react").JSX.Element;
 interface TagDismissibleProps extends React.ComponentProps<"span">, TagBaseProps {
   onDismiss?: () => void;
 }
@@ -20,7 +18,7 @@ declare function TagDismissible({
   children,
   onDismiss,
   ...props
-}: TagDismissibleProps): _$react_jsx_runtime0.JSX.Element;
+}: TagDismissibleProps): import("react").JSX.Element;
 interface TagCountProps extends React.ComponentProps<"span">, TagBaseProps {
   count: number;
 }
@@ -30,6 +28,6 @@ declare function TagCount({
   children,
   count,
   ...props
-}: TagCountProps): _$react_jsx_runtime0.JSX.Element;
+}: TagCountProps): import("react").JSX.Element;
 //#endregion
 export { Tag, TagCount, TagDismissible };

package/dist/components/task-progress.d.mts

@@ -1,5 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/task-progress.d.ts
 type TaskProgressStatus = "pending" | "running" | "done";
 interface TaskProgressStep {
@@ -22,6 +20,6 @@ declare function TaskProgress({
   stepRevealDelayMs,
   className,
   ...props
-}: TaskProgressProps): _$react_jsx_runtime0.JSX.Element;
+}: TaskProgressProps): import("react").JSX.Element;
 //#endregion
 export { TaskProgress, type TaskProgressStatus, type TaskProgressStep };

package/dist/components/textarea.d.mts

@@ -1,8 +1,7 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 
 //#region src/components/textarea.d.ts
-interface TextareaProps extends React.ComponentProps<"textarea"> {
+interface TextareaProps extends React$1.ComponentProps<"textarea"> {
   label?: string;
   required?: boolean;
   hint?: string;
@@ -18,6 +17,6 @@ declare function Textarea({
   error,
   tooltip,
   ...props
-}: TextareaProps): _$react_jsx_runtime0.JSX.Element;
+}: TextareaProps): React$1.JSX.Element;
 //#endregion
 export { Textarea, type TextareaProps };

package/dist/components/textarea.mjs

@@ -4,10 +4,10 @@ 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/textarea.tsx
 function Textarea({ className, id, label, required, hint, error, tooltip, ...props }) {
-	const generatedId = React.useId();
+	const generatedId = React$1.useId();
 	const fieldId = id ?? generatedId;
 	const textarea = /* @__PURE__ */ jsx("textarea", {
 		id: fieldId,

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

@@ -1,14 +1,12 @@
-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 ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/components/toggle-group.d.ts
 declare const toggleGroupItemVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "default" | "sm" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ToggleGroupContextValue = VariantProps<typeof toggleGroupItemVariants>;
 declare function ToggleGroup({
   className,
@@ -16,13 +14,13 @@ declare function ToggleGroup({
   size,
   children,
   ...props
-}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleGroupContextValue): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleGroupContextValue): React$1.JSX.Element;
 declare function ToggleGroupItem({
   className,
   children,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleGroupItemVariants>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleGroupItemVariants>): React$1.JSX.Element;
 //#endregion
 export { ToggleGroup, ToggleGroupItem, toggleGroupItemVariants };

package/dist/components/toggle-group.mjs

@@ -2,7 +2,7 @@
 import { cn } from "../lib/cn.mjs";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import * as React from "react";
+import * as React$1 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 //#region src/components/toggle-group.tsx
 const toggleGroupItemVariants = cva([
@@ -36,7 +36,7 @@ const toggleGroupItemVariants = cva([
 		size: "default"
 	}
 });
-const ToggleGroupContext = React.createContext({
+const ToggleGroupContext = React$1.createContext({
 	size: "default",
 	variant: "default"
 });
@@ -55,7 +55,7 @@ function ToggleGroup({ className, variant, size, children, ...props }) {
 	});
 }
 function ToggleGroupItem({ className, children, variant, size, ...props }) {
-	const context = React.useContext(ToggleGroupContext);
+	const context = React$1.useContext(ToggleGroupContext);
 	const resolvedVariant = context.variant ?? variant;
 	const resolvedSize = context.size ?? size;
 	return /* @__PURE__ */ jsx(ToggleGroupPrimitive.Item, {

package/dist/components/tooltip-icon-button.d.mts

@@ -1,5 +1,4 @@
 import { Button } from "./button.mjs";
-import * as _$react from "react";
 import { ComponentPropsWithRef } from "react";
 
 //#region src/components/tooltip-icon-button.d.ts
@@ -7,6 +6,6 @@ type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & {
   tooltip: string;
   side?: "top" | "bottom" | "left" | "right";
 };
-declare const TooltipIconButton: _$react.ForwardRefExoticComponent<Omit<TooltipIconButtonProps, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
+declare const TooltipIconButton: import("react").ForwardRefExoticComponent<Omit<TooltipIconButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { TooltipIconButton, type TooltipIconButtonProps };

package/dist/components/tooltip.d.mts

@@ -1,23 +1,22 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
 //#region src/components/tooltip.d.ts
 declare function TooltipProvider({
   delayDuration,
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Provider>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): React$1.JSX.Element;
 declare function Tooltip({
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof TooltipPrimitive.Root>): React$1.JSX.Element;
 declare function TooltipTrigger({
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): React$1.JSX.Element;
 declare function TooltipContent({
   className,
   sideOffset,
   children,
   ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof TooltipPrimitive.Content>): React$1.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/typography.d.mts

@@ -1,4 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/typography.d.ts
@@ -8,27 +7,27 @@ declare function H1({
 }: {
   children: ReactNode;
   className?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function H2({
   children,
   className
 }: {
   children: ReactNode;
   className?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function H3({
   children,
   className
 }: {
   children: ReactNode;
   className?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 declare function H4({
   children,
   className
 }: {
   children: ReactNode;
   className?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): import("react").JSX.Element;
 //#endregion
 export { H1, H2, H3, H4 };

package/dist/components/wizard.d.mts

@@ -1,5 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 
 //#region src/components/wizard.d.ts
 interface WizardStep {
@@ -19,8 +18,8 @@ declare function WizardSteps({
   onSelect,
   ariaLabel,
   className
-}: WizardStepsProps): _$react_jsx_runtime0.JSX.Element;
-interface WizardProgressProps extends React.ComponentProps<"div"> {
+}: WizardStepsProps): React$1.JSX.Element;
+interface WizardProgressProps extends React$1.ComponentProps<"div"> {
   current: number;
   total: number;
 }
@@ -29,6 +28,6 @@ declare function WizardProgress({
   total,
   className,
   ...props
-}: WizardProgressProps): _$react_jsx_runtime0.JSX.Element;
+}: WizardProgressProps): React$1.JSX.Element;
 //#endregion
 export { WizardProgress, type WizardStep, WizardSteps };

package/dist/hooks/use-chart-theme.d.mts

@@ -0,0 +1,18 @@
+//#region src/hooks/use-chart-theme.d.ts
+interface ChartTheme {
+  foreground: string;
+  mutedForeground: string;
+  axisForeground: string;
+  grid: string;
+  border: string;
+  card: string;
+  popover: string;
+  destructive: string;
+  warning: string;
+  success: string;
+  fontMono: string;
+  isDark: boolean;
+}
+declare function useChartTheme(): ChartTheme;
+//#endregion
+export { ChartTheme, useChartTheme };

package/dist/hooks/use-chart-theme.mjs

@@ -0,0 +1,57 @@
+"use client";
+import * as React$1 from "react";
+//#region src/hooks/use-chart-theme.ts
+const TOKEN_MAP = {
+	foreground: "--color-foreground",
+	mutedForeground: "--color-muted-foreground",
+	axisForeground: "--color-quaternary-foreground",
+	grid: "--color-sidebar-border",
+	border: "--color-border",
+	card: "--color-card",
+	popover: "--color-popover",
+	destructive: "--color-destructive",
+	warning: "--color-warning",
+	success: "--color-success",
+	fontMono: "--font-mono"
+};
+const FALLBACK = {
+	foreground: "#121e1e",
+	mutedForeground: "#3a4848",
+	axisForeground: "#6f7f7f",
+	grid: "#e3eaea",
+	border: "#acb8b8",
+	card: "#f8fafa",
+	popover: "#ffffff",
+	destructive: "#d92d20",
+	warning: "#dc6803",
+	success: "#079455",
+	fontMono: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+	isDark: false
+};
+const readTheme = () => {
+	if (typeof window === "undefined") return FALLBACK;
+	const styles = window.getComputedStyle(document.documentElement);
+	const entries = Object.entries(TOKEN_MAP).map(([key, token]) => {
+		return [key, styles.getPropertyValue(token).trim() || FALLBACK[key]];
+	});
+	return {
+		...Object.fromEntries(entries),
+		isDark: document.documentElement.classList.contains("dark")
+	};
+};
+function useChartTheme() {
+	const [theme, setTheme] = React$1.useState(readTheme);
+	React$1.useEffect(() => {
+		const update = () => setTheme(readTheme());
+		update();
+		const observer = new MutationObserver(update);
+		observer.observe(document.documentElement, {
+			attributes: true,
+			attributeFilter: ["class"]
+		});
+		return () => observer.disconnect();
+	}, []);
+	return theme;
+}
+//#endregion
+export { useChartTheme };

package/dist/hooks/use-mobile.mjs

@@ -1,9 +1,9 @@
-import * as React from "react";
+import * as React$1 from "react";
 //#region src/hooks/use-mobile.ts
 const MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-	const [isMobile, setIsMobile] = React.useState(void 0);
-	React.useEffect(() => {
+	const [isMobile, setIsMobile] = React$1.useState(void 0);
+	React$1.useEffect(() => {
 		const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
 		const onChange = () => setIsMobile(mql.matches);
 		mql.addEventListener("change", onChange);

package/dist/hooks/use-reduced-motion.d.mts

@@ -0,0 +1,4 @@
+//#region src/hooks/use-reduced-motion.d.ts
+declare function useReducedMotion(): boolean;
+//#endregion
+export { useReducedMotion };

package/dist/hooks/use-reduced-motion.mjs

@@ -0,0 +1,16 @@
+"use client";
+import * as React$1 from "react";
+//#region src/hooks/use-reduced-motion.ts
+function useReducedMotion() {
+	const [reduced, setReduced] = React$1.useState(false);
+	React$1.useEffect(() => {
+		const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+		const update = () => setReduced(query.matches);
+		update();
+		query.addEventListener("change", update);
+		return () => query.removeEventListener("change", update);
+	}, []);
+	return reduced;
+}
+//#endregion
+export { useReducedMotion };

package/dist/lib/chart-palette.d.mts

@@ -0,0 +1,4 @@
+//#region src/lib/chart-palette.d.ts
+type ChartPaletteName = "magenta" | "cyan";
+//#endregion
+export { ChartPaletteName };

package/dist/lib/chart-palette.mjs

@@ -0,0 +1,95 @@
+const CHART_PALETTES = {
+	magenta: [
+		"#e90060",
+		"#ff7eb6",
+		"#9b5de5",
+		"#5b8def",
+		"#36c5f0",
+		"#6eece7",
+		"#d98a3d",
+		"#2bb6a3"
+	],
+	cyan: [
+		"#17b8cf",
+		"#41ddc9",
+		"#3f8ff0",
+		"#8b6cf0",
+		"#c46bf0",
+		"#ff7eb6",
+		"#e90060",
+		"#c98be0"
+	]
+};
+const heatRampMagenta = (empty) => [
+	empty,
+	"#5b0a31",
+	"#a3034a",
+	"#e90060",
+	"#ff7eb6"
+];
+const heatRampMint = (empty) => [
+	empty,
+	"#0c4a52",
+	"#17b8cf",
+	"#41ddc9",
+	"#6eece7"
+];
+const HEAT_EMPTY = {
+	light: "#eef3f3",
+	dark: "#102222"
+};
+const HEAT_RAMPS = {
+	magenta: heatRampMagenta,
+	cyan: heatRampMint
+};
+const heatRamp = (palette, empty) => HEAT_RAMPS[palette](empty);
+const hexToRgb = (hex) => {
+	const value = Number.parseInt(hex.slice(1), 16);
+	return [
+		value >> 16 & 255,
+		value >> 8 & 255,
+		value & 255
+	];
+};
+const luminance = (hex) => {
+	const linear = hexToRgb(hex).map((channel) => {
+		const normalized = channel / 255;
+		return normalized <= .03928 ? normalized / 12.92 : ((normalized + .055) / 1.055) ** 2.4;
+	});
+	return .2126 * linear[0] + .7152 * linear[1] + .0722 * linear[2];
+};
+const paletteColor = (palette, index) => {
+	return palette[(index % palette.length + palette.length) % palette.length];
+};
+const RAMP_ENDS = {
+	magenta: ["#e90060", "#ff7eb6"],
+	cyan: ["#17b8cf", "#6eece7"]
+};
+const mixHex = (from, to, fraction) => {
+	const [fromR, fromG, fromB] = hexToRgb(from);
+	const [toR, toG, toB] = hexToRgb(to);
+	const ratio = Math.min(1, Math.max(0, fraction));
+	const channel = (start, end) => Math.round(start + (end - start) * ratio);
+	return `#${[
+		channel(fromR, toR),
+		channel(fromG, toG),
+		channel(fromB, toB)
+	].map((value) => value.toString(16).padStart(2, "0")).join("")}`;
+};
+const rampColor = (palette, fraction) => {
+	const [from, to] = RAMP_ENDS[palette];
+	return mixHex(from, to, fraction);
+};
+/**
+* Interpolate continuously across a multi-stop heat ramp (e.g. `heatRampMagenta`),
+* so a normalized 0..1 value reads as a smooth single-hue gradient rather than
+* the five discrete bands.
+*/
+const heatColor = (stops, fraction) => {
+	const clamped = Math.min(1, Math.max(0, fraction));
+	const segment = (stops.length - 1) * clamped;
+	const lowerIndex = Math.min(stops.length - 2, Math.floor(segment));
+	return mixHex(stops[lowerIndex], stops[lowerIndex + 1], segment - lowerIndex);
+};
+//#endregion
+export { CHART_PALETTES, HEAT_EMPTY, heatColor, heatRamp, luminance, paletteColor, rampColor };

package/dist/lib/chart.d.mts

@@ -0,0 +1,14 @@
+//#region src/lib/chart.d.ts
+/**
+ * Declarative description of one plotted series. The same shape drives area,
+ * line and bar charts — what differs is how each chart renders it.
+ */
+interface ChartSeries {
+  key: string;
+  name?: string;
+  color?: string;
+  semantic?: "error" | "warning" | "success";
+  dashed?: boolean;
+}
+//#endregion
+export { ChartSeries };

package/dist/lib/chart.mjs

@@ -0,0 +1,27 @@
+import { luminance, paletteColor } from "./chart-palette.mjs";
+//#region src/lib/chart.ts
+const formatShare = (fraction) => `${(fraction * 100).toFixed(fraction >= .1 ? 0 : 1)}%`;
+const semanticColor = (theme, semantic) => {
+	if (semantic === "error") return theme.destructive;
+	if (semantic === "warning") return theme.warning;
+	return theme.success;
+};
+/**
+* Resolve each series to a concrete color and name. Color precedence:
+* explicit `color` → `semantic` token → palette slot by declared index (so the
+* lead series keeps the lead color even after the bands are reordered).
+*/
+const resolveSeries = (series, palette, theme) => series.map((entry, index) => ({
+	...entry,
+	name: entry.name ?? entry.key,
+	color: entry.color ?? (entry.semantic ? semanticColor(theme, entry.semantic) : paletteColor(palette, index))
+}));
+/**
+* Stacked bands read cleanest as a vertical gradient: darkest at the baseline,
+* lightest at the top edge. Sorting by luminance enforces that for any palette
+* (this is what fixed the "muddy cyan" stack in the lab). Render order maps to
+* stack order in Recharts — first entry sits at the bottom.
+*/
+const orderByLuminance = (series) => [...series].sort((lower, upper) => luminance(lower.color) - luminance(upper.color));
+//#endregion
+export { formatShare, orderByLuminance, resolveSeries };