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

package/dist/components/accordion-card.d.mts

@@ -1,41 +1,19 @@
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
-
+import * as React$1 from "react";
 //#region src/components/accordion-card.d.ts
-declare function AccordionCard({
-  defaultOpen,
-  open,
-  onOpenChange,
-  disabled,
-  className,
-  children,
-  ...props
-}: {
+declare function AccordionCard({ defaultOpen, open, onOpenChange, disabled, className, children, ...props }: {
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (nextOpen: boolean) => void;
   disabled?: boolean;
-} & Omit<React.ComponentProps<typeof AccordionPrimitive.Root>, "type" | "collapsible" | "defaultValue" | "value" | "onValueChange" | "disabled">): _$react_jsx_runtime0.JSX.Element;
-declare function AccordionCardHeader({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
-declare function AccordionCardTitle({
-  className,
-  children,
-  ...props
-}: React.HTMLAttributes<HTMLHeadingElement>): _$react_jsx_runtime0.JSX.Element;
+} & Omit<React$1.ComponentProps<typeof AccordionPrimitive.Root>, "type" | "collapsible" | "defaultValue" | "value" | "onValueChange" | "disabled">): React$1.JSX.Element;
+declare function AccordionCardHeader({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): React$1.JSX.Element;
+declare function AccordionCardTitle({ className, children, ...props }: React$1.HTMLAttributes<HTMLHeadingElement>): React$1.JSX.Element;
 /**
  * `className` is forwarded to the inner padding wrapper, not the Radix Content root.
  * The root always applies overflow-hidden and the accordion animations.
  * To override overflow or animation behavior, wrap this component in an additional element.
  */
-declare function AccordionCardContent({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+declare function AccordionCardContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): React$1.JSX.Element;
 //#endregion
 export { AccordionCard, AccordionCardContent, AccordionCardHeader, AccordionCardTitle };

package/dist/components/accordion.d.mts

@@ -1,29 +1,14 @@
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
-
+import * as React$1 from "react";
 //#region src/components/accordion.d.ts
-declare function Accordion({
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
-declare function AccordionItem({
-  className,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Item>): _$react_jsx_runtime0.JSX.Element;
-declare function AccordionTrigger({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+declare function Accordion({ ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Root>): React$1.JSX.Element;
+declare function AccordionItem({ className, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Item>): React$1.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Trigger>): React$1.JSX.Element;
 /**
  * `className` is forwarded to the inner padding wrapper, not the Radix Content root.
  * The root always applies overflow-hidden and the accordion animations.
  * To override overflow or animation behavior, wrap this component in an additional element.
  */
-declare function AccordionContent({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof AccordionPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React$1.ComponentProps<typeof AccordionPrimitive.Content>): React$1.JSX.Element;
 //#endregion
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/components/alert.d.mts

@@ -1,40 +1,19 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
+import * as React$1 from "react";
 //#region src/components/alert.d.ts
 declare const alertVariants: (props?: ({
   variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
-interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {}
-declare function Alert({
-  className,
-  variant,
-  ...props
-}: AlertProps): _$react_jsx_runtime0.JSX.Element;
-declare function AlertTitle({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLParagraphElement>): _$react_jsx_runtime0.JSX.Element;
-declare function AlertDescription({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>): _$react_jsx_runtime0.JSX.Element;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {}
+declare function Alert({ className, variant, ...props }: AlertProps): React$1.JSX.Element;
+declare function AlertTitle({ className, ...props }: React$1.HTMLAttributes<HTMLParagraphElement>): React$1.JSX.Element;
+declare function AlertDescription({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
 interface ConvenienceAlertProps {
   title?: string;
-  description?: React.ReactNode;
+  description?: React$1.ReactNode;
   className?: string;
 }
-declare function ErrorAlert({
-  title,
-  description,
-  className
-}: ConvenienceAlertProps): _$react_jsx_runtime0.JSX.Element;
-declare function WarningAlert({
-  title,
-  description,
-  className
-}: ConvenienceAlertProps): _$react_jsx_runtime0.JSX.Element;
+declare function ErrorAlert({ title, description, className }: ConvenienceAlertProps): React$1.JSX.Element;
+declare function WarningAlert({ title, description, className }: ConvenienceAlertProps): React$1.JSX.Element;
 //#endregion
 export { Alert, AlertDescription, AlertTitle, ErrorAlert, WarningAlert };

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

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

package/dist/components/area-chart.mjs

@@ -0,0 +1,182 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { makeXAxisTick, orderByLuminance, resolveSeries } from "../lib/chart.mjs";
+import { useChartContext } from "./chart-container.mjs";
+import { ChartLegend } from "./chart-legend.mjs";
+import { computeNumericMax, makeActiveDot, makeChartAxis, makeLastValueLabel, makeLegendItems, renderMarkers, renderReferenceLine } from "./chart-primitives.mjs";
+import { ChartTooltipContent } from "./chart-tooltip.mjs";
+import { Skeleton } from "./skeleton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React$1 from "react";
+import { Area, AreaChart as AreaChart$1, CartesianGrid, LabelList, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
+//#region src/components/area-chart.tsx
+const CURVE_TYPE = {
+	monotone: "monotone",
+	linear: "linear",
+	step: "stepAfter"
+};
+function AreaChart({ data, index, series, variant = "stacked", curve = "monotone", legend = false, legendAlign = "left", valueFlags = false, height = 200, yAxisWidth = 48, palette, referenceLine, markers, lastValueLabel = false, texture = false, loading = false, valueFormatter = (value) => value.toLocaleString("en-US"), labelFormatter, className }) {
+	const { palette: paletteColors, theme } = useChartContext(palette);
+	const reactId = React$1.useId().replace(/:/g, "");
+	const resolved = resolveSeries(series, paletteColors, theme);
+	const stacked = variant === "stacked" || variant === "expand";
+	const rendered = stacked ? orderByLuminance(resolved) : resolved;
+	const filled = !(variant === "grouped" && rendered.length > 1);
+	const lead = resolved[0];
+	const withTotal = stacked && rendered.length > 1;
+	const numericMax = React$1.useMemo(() => computeNumericMax(data, series, stacked), [
+		data,
+		series,
+		stacked
+	]);
+	const curveType = CURVE_TYPE[curve];
+	const margin = {
+		top: markers?.length ? 18 : 8,
+		right: lastValueLabel ? 56 : 8,
+		bottom: 2,
+		left: 0
+	};
+	const axis = makeChartAxis(theme);
+	const legendItems = makeLegendItems(resolved);
+	const fillFor = (entry, slot) => {
+		if (!filled) return "none";
+		if (texture && lead && entry.key === lead.key) return `url(#hatch-${reactId})`;
+		return `url(#area-${reactId}-${slot})`;
+	};
+	const isEmpty = data.length === 0 || rendered.length === 0;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "area-chart",
+		className: cn("flex w-full flex-col gap-3", "[&_.recharts-surface]:outline-none [&_.recharts-wrapper]:outline-none", className),
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "w-full",
+			style: { height },
+			children: loading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-full w-full rounded-lg" }) : isEmpty ? /* @__PURE__ */ jsx("div", {
+				className: "flex h-full items-center justify-center rounded-lg border border-border border-dashed font-mono text-quaternary-foreground text-text-xs",
+				children: "no data in range"
+			}) : /* @__PURE__ */ jsx(ResponsiveContainer, {
+				width: "100%",
+				height: "100%",
+				initialDimension: {
+					width: 0,
+					height
+				},
+				children: /* @__PURE__ */ jsxs(AreaChart$1, {
+					data,
+					stackOffset: variant === "expand" ? "expand" : "none",
+					margin,
+					children: [
+						/* @__PURE__ */ jsxs("defs", { children: [filled && rendered.map((entry, slot) => /* @__PURE__ */ jsxs("linearGradient", {
+							id: `area-${reactId}-${slot}`,
+							x1: "0",
+							y1: "0",
+							x2: "0",
+							y2: "1",
+							children: [/* @__PURE__ */ jsx("stop", {
+								offset: "0%",
+								stopColor: entry.color,
+								stopOpacity: stacked ? .78 : .5
+							}), /* @__PURE__ */ jsx("stop", {
+								offset: "100%",
+								stopColor: entry.color,
+								stopOpacity: stacked ? .32 : .04
+							})]
+						}, entry.key)), texture && filled && lead && /* @__PURE__ */ jsxs("pattern", {
+							id: `hatch-${reactId}`,
+							patternUnits: "userSpaceOnUse",
+							width: 6,
+							height: 6,
+							patternTransform: "rotate(45)",
+							children: [/* @__PURE__ */ jsx("rect", {
+								width: 6,
+								height: 6,
+								fill: lead.color,
+								fillOpacity: .18
+							}), /* @__PURE__ */ jsx("line", {
+								x1: 0,
+								y1: 0,
+								x2: 0,
+								y2: 6,
+								stroke: lead.color,
+								strokeWidth: 1.2,
+								strokeOpacity: .6
+							})]
+						})] }),
+						/* @__PURE__ */ jsx(CartesianGrid, {
+							vertical: false,
+							stroke: theme.grid,
+							strokeDasharray: "2 4"
+						}),
+						/* @__PURE__ */ jsx(XAxis, {
+							dataKey: index,
+							...axis,
+							tick: makeXAxisTick(theme),
+							interval: "preserveStartEnd",
+							minTickGap: 56
+						}),
+						/* @__PURE__ */ jsx(YAxis, {
+							...axis,
+							width: yAxisWidth,
+							tickFormatter: (value) => variant === "expand" ? `${Math.round(value * 100)}%` : valueFormatter(value)
+						}),
+						/* @__PURE__ */ jsx(Tooltip, {
+							offset: 12,
+							allowEscapeViewBox: {
+								x: false,
+								y: false
+							},
+							cursor: {
+								stroke: theme.axisForeground,
+								strokeWidth: 1,
+								strokeDasharray: "3 3"
+							},
+							content: /* @__PURE__ */ jsx(ChartTooltipContent, {
+								valueFormatter,
+								labelFormatter,
+								showTotal: withTotal
+							})
+						}),
+						renderReferenceLine({
+							referenceLine,
+							numericMax,
+							theme
+						}),
+						rendered.map((entry, slot) => /* @__PURE__ */ jsx(Area, {
+							type: curveType,
+							dataKey: entry.key,
+							name: entry.name,
+							stackId: stacked ? "stack" : void 0,
+							stroke: entry.color,
+							strokeWidth: entry.dashed ? 2 : 1.6,
+							strokeDasharray: entry.dashed ? "5 3" : void 0,
+							fill: fillFor(entry, slot),
+							dot: false,
+							activeDot: makeActiveDot(entry, {
+								valueFlags,
+								theme,
+								valueFormatter
+							}),
+							isAnimationActive: false,
+							animationDuration: 650,
+							animationEasing: "ease-out",
+							children: lastValueLabel && /* @__PURE__ */ jsx(LabelList, {
+								dataKey: entry.key,
+								content: makeLastValueLabel(entry.color, {
+									dataLength: data.length,
+									theme,
+									valueFormatter
+								})
+							})
+						}, entry.key)),
+						renderMarkers(markers, theme)
+					]
+				})
+			})
+		}), legend && !isEmpty && /* @__PURE__ */ jsx(ChartLegend, {
+			items: legendItems,
+			align: legendAlign,
+			insetLeft: yAxisWidth
+		})]
+	});
+}
+//#endregion
+export { AreaChart };

package/dist/components/attachment-tile.d.mts

@@ -1,5 +1,3 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/attachment-tile.d.ts
 interface AttachmentTileProps {
   /** Source URL for the attachment thumbnail */
@@ -14,13 +12,6 @@ interface AttachmentTileProps {
   onClick?: () => void;
   className?: string;
 }
-declare function AttachmentTile({
-  src,
-  isImage,
-  label,
-  onRemove,
-  onClick,
-  className
-}: AttachmentTileProps): _$react_jsx_runtime0.JSX.Element;
+declare function AttachmentTile({ src, isImage, label, onRemove, onClick, className }: AttachmentTileProps): import("react").JSX.Element;
 //#endregion
 export { AttachmentTile, type AttachmentTileProps };

package/dist/components/avatar.d.mts

@@ -1,34 +1,19 @@
-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 AvatarPrimitive from "@radix-ui/react-avatar";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
 //#region src/components/avatar.d.ts
 declare const avatarVariants: (props?: ({
   size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AvatarSize = NonNullable<VariantProps<typeof avatarVariants>["size"]>;
 type AvatarStatus = "online";
-interface AvatarProps extends React.ComponentProps<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+interface AvatarProps extends React$1.ComponentProps<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
   status?: AvatarStatus;
 }
-declare function Avatar({
-  size,
-  status,
-  className,
-  children,
-  ...props
-}: AvatarProps): _$react_jsx_runtime0.JSX.Element;
-declare function AvatarImage({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Image>): _$react_jsx_runtime0.JSX.Element;
-declare function AvatarFallback({
-  className,
-  ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Fallback>): _$react_jsx_runtime0.JSX.Element;
-interface AvatarLabelGroupProps extends React.ComponentProps<"div"> {
+declare function Avatar({ size, status, className, children, ...props }: AvatarProps): React$1.JSX.Element;
+declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Image>): React$1.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof AvatarPrimitive.Fallback>): React$1.JSX.Element;
+interface AvatarLabelGroupProps extends React$1.ComponentProps<"div"> {
   size?: "sm" | "md";
   src?: string;
   alt?: string;
@@ -37,16 +22,6 @@ interface AvatarLabelGroupProps extends React.ComponentProps<"div"> {
   label?: string;
   status?: AvatarStatus;
 }
-declare function AvatarLabelGroup({
-  size,
-  src,
-  alt,
-  fallback,
-  name,
-  label,
-  status,
-  className,
-  ...props
-}: AvatarLabelGroupProps): _$react_jsx_runtime0.JSX.Element;
+declare function AvatarLabelGroup({ size, src, alt, fallback, name, label, status, className, ...props }: AvatarLabelGroupProps): React$1.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage, AvatarLabelGroup, type AvatarSize, type AvatarStatus };

package/dist/components/badge.d.mts

@@ -1,20 +1,11 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as _$class_variance_authority_types0 from "class-variance-authority/types";
-
 //#region src/components/badge.d.ts
 declare const badgeVariants: (props?: ({
   variant?: "warning" | "success" | "secondary" | "primary" | "error" | null | undefined;
   size?: "sm" | "md" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {}
-declare function Badge({
-  className,
-  variant,
-  size,
-  children,
-  ...props
-}: BadgeProps): _$react_jsx_runtime0.JSX.Element;
+declare function Badge({ className, variant, size, children, ...props }: BadgeProps): import("react").JSX.Element;
 type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>["variant"]>;
 //#endregion
 export { Badge, type BadgeVariant, badgeVariants };

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

@@ -0,0 +1,34 @@
+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/bar-chart.d.ts
+interface BarChartProps {
+  data: ReadonlyArray<Record<string, string | number | null | undefined>>;
+  index: string;
+  series: ChartSeries[];
+  variant?: "stacked" | "grouped" | "expand";
+  legend?: boolean;
+  legendAlign?: "left" | "center" | "right";
+  valueLabels?: boolean;
+  height?: number;
+  yAxisWidth?: number;
+  bare?: boolean;
+  barCategoryGap?: number | string;
+  palette?: ChartPaletteName;
+  referenceLine?: {
+    y: number;
+    label?: string;
+    band?: boolean;
+  };
+  markers?: ChartMarker[];
+  texture?: boolean;
+  partialLastBar?: boolean;
+  loading?: boolean;
+  valueFormatter?: (value: number) => string;
+  labelFormatter?: (label: string | number) => string;
+  className?: string;
+}
+declare function BarChart({ data, index, series, variant, legend, legendAlign, valueLabels, height, yAxisWidth, bare, barCategoryGap, palette, referenceLine, markers, texture, partialLastBar, loading, valueFormatter, labelFormatter, className }: BarChartProps): React$1.JSX.Element;
+//#endregion
+export { BarChart, BarChartProps };