@alpic-ai/ui 0.0.0-dev.g2df19cc → 0.0.0-dev.g2eefcc2

package/dist/components/select.d.mts

@@ -1,43 +1,42 @@
 import { selectTriggerVariants } from "./select-trigger-variants.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 SelectPrimitive from "@radix-ui/react-select";
 
 //#region src/components/select.d.ts
 declare function Select({
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Root>): React$1.JSX.Element;
 declare function SelectGroup({
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Group>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Group>): React$1.JSX.Element;
 declare function SelectValue({
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Value>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Value>): React$1.JSX.Element;
 declare function SelectTrigger({
   className,
   size,
   children,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Trigger> & VariantProps<typeof selectTriggerVariants>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & VariantProps<typeof selectTriggerVariants>): React$1.JSX.Element;
 declare function SelectContent({
   className,
   children,
   position,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Content>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Content>): React$1.JSX.Element;
 declare function SelectLabel({
   className,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Label>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Label>): React$1.JSX.Element;
 declare function SelectItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Item>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Item>): React$1.JSX.Element;
 declare function SelectSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof SelectPrimitive.Separator>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SelectPrimitive.Separator>): React$1.JSX.Element;
 //#endregion
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants };

package/dist/components/separator.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";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 
 //#region src/components/separator.d.ts
@@ -8,6 +7,6 @@ declare function Separator({
   orientation,
   decorative,
   ...props
-}: React.ComponentProps<typeof SeparatorPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): React$1.JSX.Element;
 //#endregion
 export { Separator };

package/dist/components/sheet.d.mts

@@ -1,43 +1,42 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/sheet.d.ts
 declare function Sheet({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Root>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Root>): React$1.JSX.Element;
 declare function SheetTrigger({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Trigger>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): React$1.JSX.Element;
 declare function SheetClose({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Close>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Close>): React$1.JSX.Element;
 declare function SheetPortal({
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Portal>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Portal>): React$1.JSX.Element;
 declare function SheetContent({
   className,
   children,
   side,
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Content> & {
+}: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
   side?: "top" | "right" | "bottom" | "left";
-}): _$react_jsx_runtime0.JSX.Element;
+}): React$1.JSX.Element;
 declare function SheetHeader({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function SheetFooter({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function SheetTitle({
   className,
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Title>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Title>): React$1.JSX.Element;
 declare function SheetDescription({
   className,
   ...props
-}: React.ComponentProps<typeof SheetPrimitive.Description>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof SheetPrimitive.Description>): React$1.JSX.Element;
 //#endregion
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetPortal, SheetTitle, SheetTrigger };

package/dist/components/shimmer-text.d.mts

@@ -1,4 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
 
 //#region src/components/shimmer-text.d.ts
 declare function ShimmerText({
@@ -7,6 +7,6 @@ declare function ShimmerText({
 }: {
   children: string | number;
   className?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+}): React.JSX.Element;
 //#endregion
 export { ShimmerText };

package/dist/components/sidebar.d.mts

@@ -1,9 +1,7 @@
 import { Button } from "./button.mjs";
 import { TooltipContent } from "./tooltip.mjs";
-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/sidebar.d.ts
 type SidebarContextProps = {
@@ -24,11 +22,11 @@ declare function SidebarProvider({
   style,
   children,
   ...props
-}: React.ComponentProps<"div"> & {
+}: React$1.ComponentProps<"div"> & {
   defaultOpen?: boolean;
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
-}): _$react_jsx_runtime0.JSX.Element;
+}): React$1.JSX.Element;
 declare function Sidebar({
   side,
   variant,
@@ -36,26 +34,26 @@ declare function Sidebar({
   className,
   children,
   ...props
-}: React.ComponentProps<"div"> & {
+}: React$1.ComponentProps<"div"> & {
   side?: "left" | "right";
   variant?: "sidebar" | "floating" | "inset";
   collapsible?: "offcanvas" | "icon" | "none";
-}): _$react_jsx_runtime0.JSX.Element;
+}): React$1.JSX.Element;
 declare function SidebarTrigger({
   className,
   onClick,
   ...props
-}: React.ComponentProps<typeof Button>): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
 declare function SidebarRail({
   className,
   ...props
-}: React.ComponentProps<"button">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"button">): React$1.JSX.Element;
 declare function SidebarInset({
   className,
   ...props
-}: React.ComponentProps<"main">): _$react_jsx_runtime0.JSX.Element;
-interface SidebarHeaderProps extends React.ComponentProps<"div"> {
-  icon?: React.ReactNode;
+}: React$1.ComponentProps<"main">): React$1.JSX.Element;
+interface SidebarHeaderProps extends React$1.ComponentProps<"div"> {
+  icon?: React$1.ReactNode;
   title?: string;
 }
 declare function SidebarHeader({
@@ -64,52 +62,52 @@ declare function SidebarHeader({
   title,
   children,
   ...props
-}: SidebarHeaderProps): _$react_jsx_runtime0.JSX.Element;
+}: SidebarHeaderProps): React$1.JSX.Element;
 declare function SidebarFooter({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function SidebarSeparator({
   className
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function SidebarContent({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function SidebarGroup({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function SidebarGroupLabel({
   className,
   asChild,
   ...props
-}: React.ComponentProps<"div"> & {
+}: React$1.ComponentProps<"div"> & {
   asChild?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): React$1.JSX.Element;
 declare function SidebarGroupAction({
   className,
   asChild,
   ...props
-}: React.ComponentProps<"button"> & {
+}: React$1.ComponentProps<"button"> & {
   asChild?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): React$1.JSX.Element;
 declare function SidebarGroupContent({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function SidebarMenu({
   className,
   ...props
-}: React.ComponentProps<"ul">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"ul">): React$1.JSX.Element;
 declare function SidebarMenuItem({
   className,
   ...props
-}: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"li">): React$1.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
   variant?: "default" | "outline" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function SidebarMenuButton({
   asChild,
   isActive,
@@ -118,46 +116,46 @@ declare function SidebarMenuButton({
   tooltip,
   className,
   ...props
-}: React.ComponentProps<"button"> & {
+}: React$1.ComponentProps<"button"> & {
   asChild?: boolean;
   isActive?: boolean;
-  tooltip?: string | React.ComponentProps<typeof TooltipContent>;
-} & VariantProps<typeof sidebarMenuButtonVariants>): _$react_jsx_runtime0.JSX.Element;
+  tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): React$1.JSX.Element;
 declare function SidebarMenuAction({
   className,
   asChild,
   showOnHover,
   ...props
-}: React.ComponentProps<"button"> & {
+}: React$1.ComponentProps<"button"> & {
   asChild?: boolean;
   showOnHover?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): React$1.JSX.Element;
 declare function SidebarMenuBadge({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function SidebarMenuSkeleton({
   className,
   ...props
-}: React.ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"div">): React$1.JSX.Element;
 declare function SidebarMenuSub({
   className,
   ...props
-}: React.ComponentProps<"ul">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"ul">): React$1.JSX.Element;
 declare function SidebarMenuSubItem({
   className,
   ...props
-}: React.ComponentProps<"li">): _$react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"li">): React$1.JSX.Element;
 declare function SidebarMenuSubButton({
   asChild,
   size,
   isActive,
   className,
   ...props
-}: React.ComponentProps<"a"> & {
+}: React$1.ComponentProps<"a"> & {
   asChild?: boolean;
   size?: "sm" | "md";
   isActive?: boolean;
-}): _$react_jsx_runtime0.JSX.Element;
+}): React$1.JSX.Element;
 //#endregion
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarMenuButtonVariants, useSidebar };

package/dist/components/sidebar.mjs

@@ -8,7 +8,7 @@ import { useIsMobile } from "../hooks/use-mobile.mjs";
 import { Skeleton } from "./skeleton.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import * as React from "react";
+import * as React$1 from "react";
 import { Slot } from "@radix-ui/react-slot";
 //#region src/components/sidebar.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
@@ -29,27 +29,27 @@ const INTERACTIVE_SIDEBAR_ELEMENT_SELECTOR = [
 	"[contenteditable='true']",
 	"[tabindex]:not([tabindex='-1'])"
 ].join(", ");
-const SidebarContext = React.createContext(null);
+const SidebarContext = React$1.createContext(null);
 function useSidebar() {
-	const context = React.useContext(SidebarContext);
+	const context = React$1.useContext(SidebarContext);
 	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
 	return context;
 }
 function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }) {
 	const isMobile = useIsMobile();
-	const [openMobile, setOpenMobile] = React.useState(false);
-	const [_open, _setOpen] = React.useState(defaultOpen);
+	const [openMobile, setOpenMobile] = React$1.useState(false);
+	const [_open, _setOpen] = React$1.useState(defaultOpen);
 	const open = openProp ?? _open;
-	const setOpen = React.useCallback((value) => {
+	const setOpen = React$1.useCallback((value) => {
 		const openState = typeof value === "function" ? value(open) : value;
 		if (setOpenProp) setOpenProp(openState);
 		else _setOpen(openState);
 		document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
 	}, [setOpenProp, open]);
-	const toggleSidebar = React.useCallback(() => {
+	const toggleSidebar = React$1.useCallback(() => {
 		return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
 	}, [isMobile, setOpen]);
-	React.useEffect(() => {
+	React$1.useEffect(() => {
 		const handleKeyDown = (event) => {
 			if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
 				event.preventDefault();
@@ -60,7 +60,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		return () => window.removeEventListener("keydown", handleKeyDown);
 	}, [toggleSidebar]);
 	const state = open ? "expanded" : "collapsed";
-	const contextValue = React.useMemo(() => ({
+	const contextValue = React$1.useMemo(() => ({
 		state,
 		open,
 		setOpen,
@@ -380,7 +380,7 @@ function SidebarMenuBadge({ className, ...props }) {
 	});
 }
 function SidebarMenuSkeleton({ className, ...props }) {
-	const [width] = React.useState(() => `${Math.floor(Math.random() * 40) + 50}%`);
+	const [width] = React$1.useState(() => `${Math.floor(Math.random() * 40) + 50}%`);
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "sidebar-menu-skeleton",
 		"data-sidebar": "menu-skeleton",

package/dist/components/skeleton.d.mts

@@ -1,16 +1,14 @@
-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/skeleton.d.ts
 declare const skeletonVariants: (props?: ({
   shape?: "rectangle" | "circle" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SkeletonProps extends React.ComponentProps<"div">, VariantProps<typeof skeletonVariants> {}
 declare function Skeleton({
   className,
   shape,
   ...props
-}: SkeletonProps): _$react_jsx_runtime0.JSX.Element;
+}: SkeletonProps): import("react").JSX.Element;
 //#endregion
 export { Skeleton, skeletonVariants };

package/dist/components/sonner.d.mts

@@ -1,10 +1,9 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as React from "react";
+import * as React$1 from "react";
 import { Toaster as Toaster$1, toast } from "sonner";
 
 //#region src/components/sonner.d.ts
-type ToasterProps = React.ComponentProps<typeof Toaster$1>;
-declare function Toaster(props: ToasterProps): _$react_jsx_runtime0.JSX.Element;
+type ToasterProps = React$1.ComponentProps<typeof Toaster$1>;
+declare function Toaster(props: ToasterProps): React$1.JSX.Element;
 interface ActionToastProps {
   toastId: string | number;
   title: string;
@@ -12,7 +11,7 @@ interface ActionToastProps {
   onDismiss?: () => void;
   confirm: {
     label: string;
-    icon?: React.ReactNode;
+    icon?: React$1.ReactNode;
     onClick: () => void;
     loading?: boolean;
     disabled?: boolean;
@@ -24,6 +23,6 @@ declare function ActionToast({
   description,
   onDismiss,
   confirm
-}: ActionToastProps): _$react_jsx_runtime0.JSX.Element;
+}: ActionToastProps): React$1.JSX.Element;
 //#endregion
 export { ActionToast, type ActionToastProps, Toaster, type ToasterProps, toast };

package/dist/components/spinner.d.mts

@@ -1,19 +1,17 @@
-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/spinner.d.ts
 declare const spinnerVariants: (props?: ({
   variant?: "secondary" | "primary" | null | undefined;
   size?: "sm" | "md" | "lg" | "xl" | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SpinnerProps extends Omit<React.ComponentProps<"svg">, "children">, VariantProps<typeof spinnerVariants> {}
 declare function Spinner({
   className,
   variant,
   size,
   ...props
-}: SpinnerProps): _$react_jsx_runtime0.JSX.Element;
+}: SpinnerProps): import("react").JSX.Element;
 interface SpinnerBlockProps extends VariantProps<typeof spinnerVariants> {
   className?: string;
   fullscreen?: boolean;
@@ -25,6 +23,6 @@ declare function SpinnerBlock({
   size,
   fullscreen,
   withLabel
-}: SpinnerBlockProps): _$react_jsx_runtime0.JSX.Element;
+}: SpinnerBlockProps): import("react").JSX.Element;
 //#endregion
 export { Spinner, SpinnerBlock, type SpinnerBlockProps, type SpinnerProps, spinnerVariants };

package/dist/components/stat.d.mts

@@ -0,0 +1,30 @@
+import * as React$1 from "react";
+
+//#region src/components/stat.d.ts
+declare const statDeltaVariants: (props?: ({
+  sentiment?: "positive" | "negative" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface StatDelta {
+  value: number;
+  direction: "up" | "down";
+  invert?: boolean;
+  label?: React$1.ReactNode;
+}
+interface StatProps extends React$1.ComponentProps<"div"> {
+  value: React$1.ReactNode;
+  unit?: string;
+  delta?: StatDelta;
+  sparkline?: number[] | Array<{
+    value: number;
+  }>;
+}
+declare function Stat({
+  value,
+  unit,
+  delta,
+  sparkline,
+  className,
+  ...props
+}: StatProps): React$1.JSX.Element;
+//#endregion
+export { Stat, StatDelta, StatProps, statDeltaVariants };

package/dist/components/stat.mjs

@@ -0,0 +1,107 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { useChartContext } from "./chart-container.mjs";
+import { ArrowDown, ArrowUp } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as React$1 from "react";
+import { Area, AreaChart, ResponsiveContainer } from "recharts";
+//#region src/components/stat.tsx
+const statDeltaVariants = cva("inline-flex items-center gap-0.5 rounded-md px-1.5 py-0.5 font-mono text-[11px] font-medium leading-none", {
+	variants: { sentiment: {
+		positive: "text-success bg-success/12",
+		negative: "text-destructive bg-destructive/12"
+	} },
+	defaultVariants: { sentiment: "positive" }
+});
+const toSparkData = (sparkline) => (sparkline ?? []).map((point, index) => typeof point === "number" ? {
+	index,
+	value: point
+} : {
+	index,
+	value: point.value
+});
+function Stat({ value, unit, delta, sparkline, className, ...props }) {
+	const { palette } = useChartContext();
+	const gradientId = React$1.useId().replace(/:/g, "");
+	const sparkData = React$1.useMemo(() => toSparkData(sparkline), [sparkline]);
+	const sparkColor = palette[0];
+	const sentiment = delta && (delta.invert ? delta.direction === "down" : delta.direction === "up") ? "positive" : "negative";
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "stat",
+		className: cn("flex flex-col gap-2.5", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-baseline gap-3",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "type-display-sm font-bold leading-none tracking-tight tabular-nums text-foreground",
+					children: value
+				}),
+				unit && /* @__PURE__ */ jsx("span", {
+					className: "font-mono text-[11px] leading-none text-quaternary-foreground mb-0.5",
+					children: unit
+				}),
+				delta && /* @__PURE__ */ jsxs(DeltaPill, {
+					sentiment,
+					className: "mb-0.5",
+					children: [delta.direction === "up" ? /* @__PURE__ */ jsx(ArrowUp, { className: "size-3" }) : /* @__PURE__ */ jsx(ArrowDown, { className: "size-3" }), delta.label ?? `${delta.value}%`]
+				})
+			]
+		}), sparkData.length > 0 && /* @__PURE__ */ jsx("div", {
+			className: "h-9 w-full",
+			children: /* @__PURE__ */ jsx(ResponsiveContainer, {
+				width: "100%",
+				height: "100%",
+				children: /* @__PURE__ */ jsxs(AreaChart, {
+					data: sparkData,
+					margin: {
+						top: 4,
+						right: 2,
+						bottom: 0,
+						left: 2
+					},
+					children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", {
+						id: gradientId,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ jsx("stop", {
+							offset: "0%",
+							stopColor: sparkColor,
+							stopOpacity: .4
+						}), /* @__PURE__ */ jsx("stop", {
+							offset: "100%",
+							stopColor: sparkColor,
+							stopOpacity: 0
+						})]
+					}) }), /* @__PURE__ */ jsx(Area, {
+						type: "monotone",
+						dataKey: "value",
+						stroke: sparkColor,
+						strokeWidth: 1.6,
+						fill: `url(#${gradientId})`,
+						isAnimationActive: false,
+						dot: ({ cx, cy, index }) => {
+							return index === sparkData.length - 1 && cx != null && cy != null ? /* @__PURE__ */ jsx("circle", {
+								cx,
+								cy,
+								r: 2.5,
+								fill: sparkColor
+							}, index) : /* @__PURE__ */ jsx("g", {}, index);
+						}
+					})]
+				})
+			})
+		})]
+	});
+}
+function DeltaPill({ sentiment, className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(statDeltaVariants({ sentiment }), className),
+		...props
+	});
+}
+//#endregion
+export { Stat, statDeltaVariants };

package/dist/components/status-dot.d.mts

@@ -1,19 +1,17 @@
-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/status-dot.d.ts
 declare const statusDotVariants: (props?: ({
   variant?: "destructive" | "warning" | "success" | "muted" | null | undefined;
   pulse?: boolean | null | undefined;
-} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface StatusDotProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusDotVariants> {}
 declare function StatusDot({
   className,
   variant,
   pulse,
   ...props
-}: StatusDotProps): _$react_jsx_runtime0.JSX.Element;
+}: StatusDotProps): import("react").JSX.Element;
 type StatusDotVariantProps = Required<Pick<VariantProps<typeof statusDotVariants>, "variant" | "pulse">>;
 //#endregion
 export { StatusDot, type StatusDotVariantProps, statusDotVariants };

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 };