@alpic-ai/ui 1.152.0 → 1.154.0

package/dist/components/tag.d.mts

@@ -3,31 +3,14 @@ interface TagBaseProps {
   icon?: React.ReactNode;
 }
 interface TagProps extends React.ComponentProps<"span">, TagBaseProps {}
-declare function Tag({
-  className,
-  icon,
-  children,
-  ...props
-}: TagProps): import("react").JSX.Element;
+declare function Tag({ className, icon, children, ...props }: TagProps): import("react").JSX.Element;
 interface TagDismissibleProps extends React.ComponentProps<"span">, TagBaseProps {
   onDismiss?: () => void;
 }
-declare function TagDismissible({
-  className,
-  icon,
-  children,
-  onDismiss,
-  ...props
-}: TagDismissibleProps): import("react").JSX.Element;
+declare function TagDismissible({ className, icon, children, onDismiss, ...props }: TagDismissibleProps): import("react").JSX.Element;
 interface TagCountProps extends React.ComponentProps<"span">, TagBaseProps {
   count: number;
 }
-declare function TagCount({
-  className,
-  icon,
-  children,
-  count,
-  ...props
-}: TagCountProps): import("react").JSX.Element;
+declare function TagCount({ className, icon, children, count, ...props }: TagCountProps): import("react").JSX.Element;
 //#endregion
 export { Tag, TagCount, TagDismissible };

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

@@ -14,12 +14,6 @@ interface TaskProgressProps extends Omit<React.ComponentProps<"div">, "children"
    */
   stepRevealDelayMs?: number;
 }
-declare function TaskProgress({
-  steps,
-  trailingLabel,
-  stepRevealDelayMs,
-  className,
-  ...props
-}: TaskProgressProps): import("react").JSX.Element;
+declare function TaskProgress({ steps, trailingLabel, stepRevealDelayMs, className, ...props }: TaskProgressProps): import("react").JSX.Element;
 //#endregion
 export { TaskProgress, type TaskProgressStatus, type TaskProgressStep };

package/dist/components/textarea.d.mts

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

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

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

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

@@ -1,6 +1,5 @@
 import { Button } from "./button.mjs";
 import { ComponentPropsWithRef } from "react";
-
 //#region src/components/tooltip-icon-button.d.ts
 type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & {
   tooltip: string;

package/dist/components/tooltip.d.mts

@@ -1,22 +1,9 @@
 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$1.ComponentProps<typeof TooltipPrimitive.Provider>): React$1.JSX.Element;
-declare function Tooltip({
-  ...props
-}: React$1.ComponentProps<typeof TooltipPrimitive.Root>): React$1.JSX.Element;
-declare function TooltipTrigger({
-  ...props
-}: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): React$1.JSX.Element;
-declare function TooltipContent({
-  className,
-  sideOffset,
-  children,
-  ...props
-}: React$1.ComponentProps<typeof TooltipPrimitive.Content>): React$1.JSX.Element;
+declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): React$1.JSX.Element;
+declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): React$1.JSX.Element;
+declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): React$1.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): React$1.JSX.Element;
 //#endregion
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/typography.d.mts

@@ -1,31 +1,18 @@
 import { ReactNode } from "react";
-
 //#region src/components/typography.d.ts
-declare function H1({
-  children,
-  className
-}: {
+declare function H1({ children, className }: {
   children: ReactNode;
   className?: string;
 }): import("react").JSX.Element;
-declare function H2({
-  children,
-  className
-}: {
+declare function H2({ children, className }: {
   children: ReactNode;
   className?: string;
 }): import("react").JSX.Element;
-declare function H3({
-  children,
-  className
-}: {
+declare function H3({ children, className }: {
   children: ReactNode;
   className?: string;
 }): import("react").JSX.Element;
-declare function H4({
-  children,
-  className
-}: {
+declare function H4({ children, className }: {
   children: ReactNode;
   className?: string;
 }): import("react").JSX.Element;

package/dist/components/wizard.d.mts

@@ -1,15 +1,9 @@
 import * as React$1 from "react";
-
 //#region src/components/wizard.d.ts
 interface WizardProgressProps extends React$1.ComponentProps<"div"> {
   current: number;
   total: number;
 }
-declare function WizardProgress({
-  current,
-  total,
-  className,
-  ...props
-}: WizardProgressProps): React$1.JSX.Element;
+declare function WizardProgress({ current, total, className, ...props }: WizardProgressProps): React$1.JSX.Element;
 //#endregion
 export { WizardProgress };

package/dist/hooks/use-copy-to-clipboard.d.mts

@@ -1,7 +1,5 @@
 //#region src/hooks/use-copy-to-clipboard.d.ts
-declare function useCopyToClipboard({
-  resetDelay
-}?: {
+declare function useCopyToClipboard({ resetDelay }?: {
   resetDelay?: number;
 }): {
   copy: (text: string) => void;

package/dist/lib/chart-palette.mjs

@@ -1,24 +1,42 @@
+//#region src/lib/chart-palette.ts
+/**
+* Chart palettes — the locked "paired system" from the analytics-v2 design.
+*
+* These are charting-API color values (consumed by Recharts at draw time, which
+* cannot read CSS custom properties), so per the design-system rules they live
+* as documented hex constants rather than `--color-*` tokens. They are
+* theme-independent: the same series colors read on light and dark canvases.
+* Only the chrome (grid, axis text, tooltip surface, semantic colors) is
+* theme-aware — see `useChartTheme`.
+*
+* Rules baked in:
+*  - Pink leads (index 0) — never buried, fixing the V1 "pink last" bug.
+*  - Adjacent dashboard cards alternate lead palette (magenta / cyan) — the
+*    page decides which to pass; the component just receives one.
+*/
+const MAGENTA_PALETTE = [
+	"#da1b6a",
+	"#ec82b0",
+	"#9a67d7",
+	"#668fdf",
+	"#47bde0",
+	"#75ddd8",
+	"#cd8c4d",
+	"#3eb0a1"
+];
+const CYAN_PALETTE = [
+	"#2eb2c5",
+	"#50d0c0",
+	"#4f90e0",
+	"#8d74e0",
+	"#bc73e0",
+	"#ec82b0",
+	"#da1b6a",
+	"#c08dd3"
+];
 const CHART_PALETTES = {
-	magenta: [
-		"#da1b6a",
-		"#ec82b0",
-		"#9a67d7",
-		"#668fdf",
-		"#47bde0",
-		"#75ddd8",
-		"#cd8c4d",
-		"#3eb0a1"
-	],
-	cyan: [
-		"#2eb2c5",
-		"#50d0c0",
-		"#4f90e0",
-		"#8d74e0",
-		"#bc73e0",
-		"#ec82b0",
-		"#da1b6a",
-		"#c08dd3"
-	]
+	magenta: MAGENTA_PALETTE,
+	cyan: CYAN_PALETTE
 };
 const heatRampMagenta = (empty) => [
 	empty,
@@ -95,4 +113,4 @@ const heatColor = (stops, fraction) => {
 	return mixHex(stops[lowerIndex], stops[lowerIndex + 1], segment - lowerIndex);
 };
 //#endregion
-export { CHART_PALETTES, HEAT_EMPTY, heatColor, heatRamp, luminance, paletteColor, rampColor };
+export { CHART_PALETTES, CYAN_PALETTE, HEAT_EMPTY, MAGENTA_PALETTE, heatColor, heatRamp, heatRampMagenta, heatRampMint, luminance, paletteColor, rampColor };

package/dist/lib/chart.d.mts

@@ -1,3 +1,4 @@
+import "react";
 //#region src/lib/chart.d.ts
 /**
  * Declarative description of one plotted series. The same shape drives area,

package/dist/lib/cn.d.mts

@@ -1,5 +1,4 @@
 import { ClassValue } from "clsx";
-
 //#region src/lib/cn.d.ts
 declare function cn(...inputs: ClassValue[]): string;
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpic-ai/ui",
-  "version": "1.152.0",
+  "version": "1.154.0",
   "description": "Alpic design system — shared UI components",
   "type": "module",
   "exports": {
@@ -23,7 +23,7 @@
     "src"
   ],
   "peerDependencies": {
-    "lucide-react": "^1.23.0",
+    "lucide-react": "^1.24.0",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "react-hook-form": "^7.81.0",
@@ -32,23 +32,23 @@
     "tw-animate-css": "^1.4.0"
   },
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.15",
-    "@radix-ui/react-avatar": "^1.2.1",
-    "@radix-ui/react-checkbox": "^1.3.6",
-    "@radix-ui/react-collapsible": "^1.1.15",
-    "@radix-ui/react-dialog": "^1.1.18",
-    "@radix-ui/react-dropdown-menu": "^2.1.19",
+    "@radix-ui/react-accordion": "^1.2.16",
+    "@radix-ui/react-avatar": "^1.2.2",
+    "@radix-ui/react-checkbox": "^1.3.7",
+    "@radix-ui/react-collapsible": "^1.1.16",
+    "@radix-ui/react-dialog": "^1.1.19",
+    "@radix-ui/react-dropdown-menu": "^2.1.20",
     "@radix-ui/react-label": "^2.1.11",
-    "@radix-ui/react-popover": "^1.1.18",
-    "@radix-ui/react-radio-group": "^1.4.2",
-    "@radix-ui/react-scroll-area": "^1.2.13",
-    "@radix-ui/react-select": "^2.3.2",
+    "@radix-ui/react-popover": "^1.1.19",
+    "@radix-ui/react-radio-group": "^1.4.3",
+    "@radix-ui/react-scroll-area": "^1.2.14",
+    "@radix-ui/react-select": "^2.3.3",
     "@radix-ui/react-separator": "^1.1.11",
     "@radix-ui/react-slot": "^1.3.0",
-    "@radix-ui/react-switch": "^1.3.2",
-    "@radix-ui/react-tabs": "^1.1.16",
-    "@radix-ui/react-toggle-group": "^1.1.14",
-    "@radix-ui/react-tooltip": "^1.2.11",
+    "@radix-ui/react-switch": "^1.3.3",
+    "@radix-ui/react-tabs": "^1.1.17",
+    "@radix-ui/react-toggle-group": "^1.1.15",
+    "@radix-ui/react-tooltip": "^1.2.12",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -60,19 +60,19 @@
     "@tailwindcss/postcss": "^4.3.2",
     "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
-    "lucide-react": "^1.23.0",
+    "lucide-react": "^1.24.0",
     "react-hook-form": "^7.81.0",
     "shx": "^0.4.0",
     "sonner": "^2.0.7",
     "tailwindcss": "^4.3.2",
-    "tsdown": "^0.22.3",
+    "tsdown": "^0.22.5",
     "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3"
   },
   "scripts": {
     "build": "shx rm -rf dist && tsdown",
     "format": "biome check --write --error-on-warnings .",
-    "test:type": "tsc --noEmit",
+    "test:type": "tsgo --noEmit",
     "test:format": "biome check --error-on-warnings .",
     "dev:ui": "ladle serve",
     "publish:npm": "pnpm publish --tag \"${NPM_TAG}\" --access public --no-git-checks"

package/src/components/stat.tsx

@@ -9,7 +9,7 @@ import { cn } from "../lib/cn";
 import { useChartContext } from "./chart-container";
 
 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",
+  "inline-flex items-center gap-0.5 rounded-md px-2 py-1 font-mono text-xs font-medium leading-none",
   {
     variants: {
       sentiment: {
@@ -63,7 +63,7 @@ function Stat({ value, unit, delta, sparkline, semantic, className, ...props }:
         {unit && <span className="font-mono text-[11px] leading-none text-quaternary-foreground mb-0.5">{unit}</span>}
         {delta && (
           <DeltaPill sentiment={sentiment} className="mb-0.5">
-            {delta.direction === "up" ? <ArrowUp className="size-3" /> : <ArrowDown className="size-3" />}
+            {delta.direction === "up" ? <ArrowUp className="size-3.5" /> : <ArrowDown className="size-3.5" />}
             {delta.label ?? `${delta.value}%`}
           </DeltaPill>
         )}

package/src/components/table.tsx

@@ -4,9 +4,18 @@ import type * as React from "react";
 
 import { cn } from "../lib/cn";
 
-function Table({ className, ...props }: React.ComponentProps<"table">) {
+interface TableProps extends React.ComponentProps<"table"> {
+  containerClassName?: string;
+}
+
+function Table({ className, containerClassName, ...props }: TableProps) {
   return (
-    <div className="relative w-full overflow-auto rounded-xl border border-border-secondary bg-background">
+    <div
+      className={cn(
+        "relative w-full overflow-auto rounded-xl border border-border-secondary bg-background",
+        containerClassName,
+      )}
+    >
       <table data-slot="table" className={cn("w-full caption-bottom type-text-sm", className)} {...props} />
     </div>
   );