@alpic-ai/ui 1.153.0 → 1.154.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/dist/components/accordion-card.d.mts +4 -25
  2. package/dist/components/accordion.d.mts +4 -18
  3. package/dist/components/alert.d.mts +5 -24
  4. package/dist/components/area-chart.d.mts +1 -22
  5. package/dist/components/area-chart.mjs +20 -109
  6. package/dist/components/attachment-tile.d.mts +1 -8
  7. package/dist/components/avatar.d.mts +4 -27
  8. package/dist/components/badge.d.mts +1 -8
  9. package/dist/components/bar-chart.d.mts +1 -21
  10. package/dist/components/bar-chart.mjs +10 -68
  11. package/dist/components/bar-list.d.mts +1 -13
  12. package/dist/components/breadcrumb.d.mts +8 -35
  13. package/dist/components/button.d.mts +1 -14
  14. package/dist/components/card.d.mts +7 -30
  15. package/dist/components/chart-card.d.mts +1 -12
  16. package/dist/components/chart-container.d.mts +1 -6
  17. package/dist/components/chart-legend.d.mts +1 -8
  18. package/dist/components/chart-primitives.d.mts +69 -0
  19. package/dist/components/chart-primitives.mjs +134 -0
  20. package/dist/components/chart-tooltip.d.mts +1 -11
  21. package/dist/components/checkbox.d.mts +1 -5
  22. package/dist/components/collapsible.d.mts +3 -10
  23. package/dist/components/combobox.d.mts +9 -45
  24. package/dist/components/command.d.mts +8 -32
  25. package/dist/components/copyable.d.mts +2 -9
  26. package/dist/components/description-list.d.mts +4 -17
  27. package/dist/components/dialog.d.mts +10 -42
  28. package/dist/components/donut-chart.d.mts +1 -16
  29. package/dist/components/dropdown-menu.d.mts +13 -55
  30. package/dist/components/field.d.mts +14 -0
  31. package/dist/components/field.mjs +41 -0
  32. package/dist/components/form.d.mts +15 -115
  33. package/dist/components/github-button.d.mts +1 -6
  34. package/dist/components/heatmap-chart.d.mts +1 -23
  35. package/dist/components/input-group.d.mts +3 -15
  36. package/dist/components/input.d.mts +1 -14
  37. package/dist/components/input.mjs +25 -49
  38. package/dist/components/label.d.mts +1 -5
  39. package/dist/components/line-chart.d.mts +1 -21
  40. package/dist/components/line-chart.mjs +20 -102
  41. package/dist/components/page-loader.d.mts +1 -3
  42. package/dist/components/pagination.d.mts +1 -8
  43. package/dist/components/popover.d.mts +4 -16
  44. package/dist/components/radio-group.d.mts +2 -9
  45. package/dist/components/scroll-area.d.mts +2 -11
  46. package/dist/components/select.d.mts +8 -35
  47. package/dist/components/separator.d.mts +1 -7
  48. package/dist/components/sheet.d.mts +9 -35
  49. package/dist/components/shimmer-text.d.mts +1 -5
  50. package/dist/components/sidebar.d.mts +22 -113
  51. package/dist/components/skeleton.d.mts +1 -6
  52. package/dist/components/sonner.d.mts +1 -8
  53. package/dist/components/spinner.d.mts +2 -14
  54. package/dist/components/stat.d.mts +1 -10
  55. package/dist/components/status-dot.d.mts +1 -7
  56. package/dist/components/switch.d.mts +1 -5
  57. package/dist/components/table.d.mts +8 -35
  58. package/dist/components/tabs.d.mts +7 -36
  59. package/dist/components/tag.d.mts +3 -20
  60. package/dist/components/task-progress.d.mts +1 -7
  61. package/dist/components/textarea.d.mts +1 -11
  62. package/dist/components/textarea.mjs +17 -41
  63. package/dist/components/toggle-group.d.mts +2 -15
  64. package/dist/components/tooltip-icon-button.d.mts +0 -1
  65. package/dist/components/tooltip.d.mts +4 -17
  66. package/dist/components/typography.d.mts +4 -17
  67. package/dist/components/wizard.d.mts +1 -7
  68. package/dist/hooks/use-copy-to-clipboard.d.mts +1 -3
  69. package/dist/lib/chart-palette.mjs +39 -21
  70. package/dist/lib/chart.d.mts +6 -1
  71. package/dist/lib/cn.d.mts +0 -1
  72. package/package.json +19 -19
  73. package/src/components/area-chart.tsx +21 -142
  74. package/src/components/bar-chart.tsx +12 -81
  75. package/src/components/chart-primitives.tsx +188 -0
  76. package/src/components/field.tsx +57 -0
  77. package/src/components/input.tsx +3 -33
  78. package/src/components/line-chart.tsx +21 -133
  79. package/src/components/textarea.tsx +3 -33
  80. package/src/stories/area-chart.stories.tsx +8 -6
  81. package/src/stories/bar-chart.stories.tsx +8 -6
  82. package/src/stories/donut-chart.stories.tsx +8 -6
  83. package/src/stories/line-chart.stories.tsx +8 -6
  84. package/src/stories/stat.stories.tsx +8 -6
@@ -1,17 +1,11 @@
1
1
  import { VariantProps } from "class-variance-authority";
2
-
3
2
  //#region src/components/status-dot.d.ts
4
3
  declare const statusDotVariants: (props?: ({
5
4
  variant?: "destructive" | "warning" | "success" | "muted" | null | undefined;
6
5
  pulse?: boolean | null | undefined;
7
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
7
  interface StatusDotProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusDotVariants> {}
9
- declare function StatusDot({
10
- className,
11
- variant,
12
- pulse,
13
- ...props
14
- }: StatusDotProps): import("react").JSX.Element;
8
+ declare function StatusDot({ className, variant, pulse, ...props }: StatusDotProps): import("react").JSX.Element;
15
9
  type StatusDotVariantProps = Required<Pick<VariantProps<typeof statusDotVariants>, "variant" | "pulse">>;
16
10
  //#endregion
17
11
  export { StatusDot, type StatusDotVariantProps, statusDotVariants };
@@ -1,10 +1,6 @@
1
1
  import * as React$1 from "react";
2
2
  import * as SwitchPrimitive from "@radix-ui/react-switch";
3
-
4
3
  //#region src/components/switch.d.ts
5
- declare function Switch({
6
- className,
7
- ...props
8
- }: React$1.ComponentProps<typeof SwitchPrimitive.Root>): React$1.JSX.Element;
4
+ declare function Switch({ className, ...props }: React$1.ComponentProps<typeof SwitchPrimitive.Root>): React$1.JSX.Element;
9
5
  //#endregion
10
6
  export { Switch };
@@ -1,34 +1,14 @@
1
1
  import * as React$1 from "react";
2
-
3
2
  //#region src/components/table.d.ts
4
3
  interface TableProps extends React$1.ComponentProps<"table"> {
5
4
  containerClassName?: string;
6
5
  }
7
- declare function Table({
8
- className,
9
- containerClassName,
10
- ...props
11
- }: TableProps): React$1.JSX.Element;
12
- declare function TableHeader({
13
- className,
14
- ...props
15
- }: React$1.ComponentProps<"thead">): React$1.JSX.Element;
16
- declare function TableBody({
17
- className,
18
- ...props
19
- }: React$1.ComponentProps<"tbody">): React$1.JSX.Element;
20
- declare function TableFooter({
21
- className,
22
- ...props
23
- }: React$1.ComponentProps<"tfoot">): React$1.JSX.Element;
24
- declare function TableRow({
25
- className,
26
- ...props
27
- }: React$1.ComponentProps<"tr">): React$1.JSX.Element;
28
- declare function TableHead({
29
- className,
30
- ...props
31
- }: React$1.ComponentProps<"th">): React$1.JSX.Element;
6
+ declare function Table({ className, containerClassName, ...props }: TableProps): React$1.JSX.Element;
7
+ declare function TableHeader({ className, ...props }: React$1.ComponentProps<"thead">): React$1.JSX.Element;
8
+ declare function TableBody({ className, ...props }: React$1.ComponentProps<"tbody">): React$1.JSX.Element;
9
+ declare function TableFooter({ className, ...props }: React$1.ComponentProps<"tfoot">): React$1.JSX.Element;
10
+ declare function TableRow({ className, ...props }: React$1.ComponentProps<"tr">): React$1.JSX.Element;
11
+ declare function TableHead({ className, ...props }: React$1.ComponentProps<"th">): React$1.JSX.Element;
32
12
  interface TableCellProps extends React$1.ComponentProps<"td"> {
33
13
  /**
34
14
  * When true, the cell renders edge-to-edge so the child can act as the
@@ -37,14 +17,7 @@ interface TableCellProps extends React$1.ComponentProps<"td"> {
37
17
  */
38
18
  interactive?: boolean;
39
19
  }
40
- declare function TableCell({
41
- className,
42
- interactive,
43
- ...props
44
- }: TableCellProps): React$1.JSX.Element;
45
- declare function TableCaption({
46
- className,
47
- ...props
48
- }: React$1.ComponentProps<"caption">): React$1.JSX.Element;
20
+ declare function TableCell({ className, interactive, ...props }: TableCellProps): React$1.JSX.Element;
21
+ declare function TableCaption({ className, ...props }: React$1.ComponentProps<"caption">): React$1.JSX.Element;
49
22
  //#endregion
50
23
  export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
@@ -1,54 +1,25 @@
1
1
  import { VariantProps } from "class-variance-authority";
2
2
  import * as React$1 from "react";
3
3
  import * as TabsPrimitive from "@radix-ui/react-tabs";
4
-
5
4
  //#region src/components/tabs.d.ts
6
5
  declare const tabsTriggerVariants: (props?: ({
7
6
  variant?: "default" | "pill" | "line" | null | undefined;
8
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
9
- declare function Tabs({
10
- className,
11
- orientation,
12
- ...props
13
- }: React$1.ComponentProps<typeof TabsPrimitive.Root>): React$1.JSX.Element;
8
+ declare function Tabs({ className, orientation, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root>): React$1.JSX.Element;
14
9
  declare const tabsListVariants: (props?: ({
15
10
  variant?: "default" | "line" | null | undefined;
16
11
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
17
- declare function TabsList({
18
- className,
19
- variant,
20
- ...props
21
- }: React$1.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): React$1.JSX.Element;
22
- declare function TabsTrigger({
23
- className,
24
- ...props
25
- }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): React$1.JSX.Element;
26
- declare function TabsContent({
27
- className,
28
- ...props
29
- }: React$1.ComponentProps<typeof TabsPrimitive.Content>): React$1.JSX.Element;
12
+ declare function TabsList({ className, variant, ...props }: React$1.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>): React$1.JSX.Element;
13
+ declare function TabsTrigger({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Trigger>): React$1.JSX.Element;
14
+ declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): React$1.JSX.Element;
30
15
  type TabsNavVariant = "line" | "pill";
31
16
  type TabsNavOrientation = "horizontal" | "vertical";
32
- declare function TabsNav({
33
- orientation,
34
- variant,
35
- className,
36
- ...props
37
- }: React$1.ComponentProps<"nav"> & {
17
+ declare function TabsNav({ orientation, variant, className, ...props }: React$1.ComponentProps<"nav"> & {
38
18
  orientation?: TabsNavOrientation;
39
19
  variant?: TabsNavVariant;
40
20
  }): React$1.JSX.Element;
41
- declare function TabsNavList({
42
- className,
43
- ...props
44
- }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
45
- declare function TabsNavTrigger({
46
- className,
47
- active,
48
- asChild,
49
- children,
50
- ...props
51
- }: React$1.ComponentProps<"a"> & {
21
+ declare function TabsNavList({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
22
+ declare function TabsNavTrigger({ className, active, asChild, children, ...props }: React$1.ComponentProps<"a"> & {
52
23
  active?: boolean;
53
24
  asChild?: boolean;
54
25
  }): React$1.JSX.Element;
@@ -3,31 +3,14 @@ interface TagBaseProps {
3
3
  icon?: React.ReactNode;
4
4
  }
5
5
  interface TagProps extends React.ComponentProps<"span">, TagBaseProps {}
6
- declare function Tag({
7
- className,
8
- icon,
9
- children,
10
- ...props
11
- }: TagProps): import("react").JSX.Element;
6
+ declare function Tag({ className, icon, children, ...props }: TagProps): import("react").JSX.Element;
12
7
  interface TagDismissibleProps extends React.ComponentProps<"span">, TagBaseProps {
13
8
  onDismiss?: () => void;
14
9
  }
15
- declare function TagDismissible({
16
- className,
17
- icon,
18
- children,
19
- onDismiss,
20
- ...props
21
- }: TagDismissibleProps): import("react").JSX.Element;
10
+ declare function TagDismissible({ className, icon, children, onDismiss, ...props }: TagDismissibleProps): import("react").JSX.Element;
22
11
  interface TagCountProps extends React.ComponentProps<"span">, TagBaseProps {
23
12
  count: number;
24
13
  }
25
- declare function TagCount({
26
- className,
27
- icon,
28
- children,
29
- count,
30
- ...props
31
- }: TagCountProps): import("react").JSX.Element;
14
+ declare function TagCount({ className, icon, children, count, ...props }: TagCountProps): import("react").JSX.Element;
32
15
  //#endregion
33
16
  export { Tag, TagCount, TagDismissible };
@@ -14,12 +14,6 @@ interface TaskProgressProps extends Omit<React.ComponentProps<"div">, "children"
14
14
  */
15
15
  stepRevealDelayMs?: number;
16
16
  }
17
- declare function TaskProgress({
18
- steps,
19
- trailingLabel,
20
- stepRevealDelayMs,
21
- className,
22
- ...props
23
- }: TaskProgressProps): import("react").JSX.Element;
17
+ declare function TaskProgress({ steps, trailingLabel, stepRevealDelayMs, className, ...props }: TaskProgressProps): import("react").JSX.Element;
24
18
  //#endregion
25
19
  export { TaskProgress, type TaskProgressStatus, type TaskProgressStep };
@@ -1,5 +1,4 @@
1
1
  import * as React$1 from "react";
2
-
3
2
  //#region src/components/textarea.d.ts
4
3
  interface TextareaProps extends React$1.ComponentProps<"textarea"> {
5
4
  label?: string;
@@ -8,15 +7,6 @@ interface TextareaProps extends React$1.ComponentProps<"textarea"> {
8
7
  error?: string;
9
8
  tooltip?: string;
10
9
  }
11
- declare function Textarea({
12
- className,
13
- id,
14
- label,
15
- required,
16
- hint,
17
- error,
18
- tooltip,
19
- ...props
20
- }: TextareaProps): React$1.JSX.Element;
10
+ declare function Textarea({ className, id, label, required, hint, error, tooltip, ...props }: TextareaProps): React$1.JSX.Element;
21
11
  //#endregion
22
12
  export { Textarea, type TextareaProps };
@@ -1,52 +1,28 @@
1
1
  "use client";
2
2
  import { cn } from "../lib/cn.mjs";
3
- import { Tooltip, TooltipContent, TooltipTrigger } from "./tooltip.mjs";
4
- import { Label } from "./label.mjs";
5
- import { Info } from "lucide-react";
6
- import { jsx, jsxs } from "react/jsx-runtime";
3
+ import { Field } from "./field.mjs";
4
+ import { jsx } from "react/jsx-runtime";
7
5
  import * as React$1 from "react";
8
6
  //#region src/components/textarea.tsx
9
7
  function Textarea({ className, id, label, required, hint, error, tooltip, ...props }) {
10
8
  const generatedId = React$1.useId();
11
9
  const fieldId = id ?? generatedId;
12
- const textarea = /* @__PURE__ */ jsx("textarea", {
13
- id: fieldId,
14
- "data-slot": "textarea",
15
- className: cn("block w-full min-h-[120px] max-h-[480px] resize-y [field-sizing:content]", "px-3.5 py-3", "type-text-md text-foreground placeholder:text-placeholder", "bg-background border border-border rounded-md", "transition-colors", "outline-none focus-visible:border-ring focus-visible:border-2", "disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed", "aria-invalid:border-border-error [@media(hover:hover)]:aria-invalid:hover:border-border-error", error && "border-border-error [@media(hover:hover)]:hover:border-border-error", className),
10
+ return /* @__PURE__ */ jsx(Field, {
11
+ fieldId,
12
+ label,
16
13
  required,
17
- "aria-invalid": error ? true : void 0,
18
- "aria-describedby": fieldId && (hint || error) ? `${fieldId}-description` : void 0,
19
- ...props
20
- });
21
- return /* @__PURE__ */ jsxs("div", {
22
- className: "flex flex-col gap-1.5",
23
- children: [
24
- label && /* @__PURE__ */ jsxs("div", {
25
- className: "flex items-center gap-0.5",
26
- children: [
27
- /* @__PURE__ */ jsx(Label, {
28
- htmlFor: fieldId,
29
- className: "type-text-sm font-medium text-muted-foreground",
30
- children: label
31
- }),
32
- required && /* @__PURE__ */ jsx("span", {
33
- "aria-hidden": true,
34
- className: "type-text-sm font-medium text-required",
35
- children: "*"
36
- }),
37
- tooltip && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
38
- asChild: true,
39
- children: /* @__PURE__ */ jsx(Info, { className: "size-4 text-muted-foreground" })
40
- }), /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })] })
41
- ]
42
- }),
43
- textarea,
44
- (hint || error) && /* @__PURE__ */ jsx("p", {
45
- id: fieldId ? `${fieldId}-description` : void 0,
46
- className: cn("type-text-sm", error ? "text-destructive" : "text-subtle-foreground"),
47
- children: error ?? hint
48
- })
49
- ]
14
+ hint,
15
+ error,
16
+ tooltip,
17
+ children: /* @__PURE__ */ jsx("textarea", {
18
+ id: fieldId,
19
+ "data-slot": "textarea",
20
+ className: cn("block w-full min-h-[120px] max-h-[480px] resize-y [field-sizing:content]", "px-3.5 py-3", "type-text-md text-foreground placeholder:text-placeholder", "bg-background border border-border rounded-md", "transition-colors", "outline-none focus-visible:border-ring focus-visible:border-2", "disabled:bg-disabled disabled:text-disabled-foreground disabled:cursor-not-allowed", "aria-invalid:border-border-error [@media(hover:hover)]:aria-invalid:hover:border-border-error", error && "border-border-error [@media(hover:hover)]:hover:border-border-error", className),
21
+ required,
22
+ "aria-invalid": error ? true : void 0,
23
+ "aria-describedby": fieldId && (hint || error) ? `${fieldId}-description` : void 0,
24
+ ...props
25
+ })
50
26
  });
51
27
  }
52
28
  //#endregion
@@ -1,26 +1,13 @@
1
1
  import { VariantProps } from "class-variance-authority";
2
2
  import * as React$1 from "react";
3
3
  import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
4
-
5
4
  //#region src/components/toggle-group.d.ts
6
5
  declare const toggleGroupItemVariants: (props?: ({
7
6
  variant?: "default" | "outline" | null | undefined;
8
7
  size?: "default" | "sm" | null | undefined;
9
8
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
10
9
  type ToggleGroupContextValue = VariantProps<typeof toggleGroupItemVariants>;
11
- declare function ToggleGroup({
12
- className,
13
- variant,
14
- size,
15
- children,
16
- ...props
17
- }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleGroupContextValue): React$1.JSX.Element;
18
- declare function ToggleGroupItem({
19
- className,
20
- children,
21
- variant,
22
- size,
23
- ...props
24
- }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleGroupItemVariants>): React$1.JSX.Element;
10
+ declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleGroupContextValue): React$1.JSX.Element;
11
+ declare function ToggleGroupItem({ className, children, variant, size, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleGroupItemVariants>): React$1.JSX.Element;
25
12
  //#endregion
26
13
  export { ToggleGroup, ToggleGroupItem, toggleGroupItemVariants };
@@ -1,6 +1,5 @@
1
1
  import { Button } from "./button.mjs";
2
2
  import { ComponentPropsWithRef } from "react";
3
-
4
3
  //#region src/components/tooltip-icon-button.d.ts
5
4
  type TooltipIconButtonProps = ComponentPropsWithRef<typeof Button> & {
6
5
  tooltip: string;
@@ -1,22 +1,9 @@
1
1
  import * as React$1 from "react";
2
2
  import * as TooltipPrimitive from "@radix-ui/react-tooltip";
3
-
4
3
  //#region src/components/tooltip.d.ts
5
- declare function TooltipProvider({
6
- delayDuration,
7
- ...props
8
- }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): React$1.JSX.Element;
9
- declare function Tooltip({
10
- ...props
11
- }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): React$1.JSX.Element;
12
- declare function TooltipTrigger({
13
- ...props
14
- }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): React$1.JSX.Element;
15
- declare function TooltipContent({
16
- className,
17
- sideOffset,
18
- children,
19
- ...props
20
- }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): React$1.JSX.Element;
4
+ declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): React$1.JSX.Element;
5
+ declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): React$1.JSX.Element;
6
+ declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): React$1.JSX.Element;
7
+ declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): React$1.JSX.Element;
21
8
  //#endregion
22
9
  export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
@@ -1,31 +1,18 @@
1
1
  import { ReactNode } from "react";
2
-
3
2
  //#region src/components/typography.d.ts
4
- declare function H1({
5
- children,
6
- className
7
- }: {
3
+ declare function H1({ children, className }: {
8
4
  children: ReactNode;
9
5
  className?: string;
10
6
  }): import("react").JSX.Element;
11
- declare function H2({
12
- children,
13
- className
14
- }: {
7
+ declare function H2({ children, className }: {
15
8
  children: ReactNode;
16
9
  className?: string;
17
10
  }): import("react").JSX.Element;
18
- declare function H3({
19
- children,
20
- className
21
- }: {
11
+ declare function H3({ children, className }: {
22
12
  children: ReactNode;
23
13
  className?: string;
24
14
  }): import("react").JSX.Element;
25
- declare function H4({
26
- children,
27
- className
28
- }: {
15
+ declare function H4({ children, className }: {
29
16
  children: ReactNode;
30
17
  className?: string;
31
18
  }): import("react").JSX.Element;
@@ -1,15 +1,9 @@
1
1
  import * as React$1 from "react";
2
-
3
2
  //#region src/components/wizard.d.ts
4
3
  interface WizardProgressProps extends React$1.ComponentProps<"div"> {
5
4
  current: number;
6
5
  total: number;
7
6
  }
8
- declare function WizardProgress({
9
- current,
10
- total,
11
- className,
12
- ...props
13
- }: WizardProgressProps): React$1.JSX.Element;
7
+ declare function WizardProgress({ current, total, className, ...props }: WizardProgressProps): React$1.JSX.Element;
14
8
  //#endregion
15
9
  export { WizardProgress };
@@ -1,7 +1,5 @@
1
1
  //#region src/hooks/use-copy-to-clipboard.d.ts
2
- declare function useCopyToClipboard({
3
- resetDelay
4
- }?: {
2
+ declare function useCopyToClipboard({ resetDelay }?: {
5
3
  resetDelay?: number;
6
4
  }): {
7
5
  copy: (text: string) => void;
@@ -1,24 +1,42 @@
1
+ //#region src/lib/chart-palette.ts
2
+ /**
3
+ * Chart palettes — the locked "paired system" from the analytics-v2 design.
4
+ *
5
+ * These are charting-API color values (consumed by Recharts at draw time, which
6
+ * cannot read CSS custom properties), so per the design-system rules they live
7
+ * as documented hex constants rather than `--color-*` tokens. They are
8
+ * theme-independent: the same series colors read on light and dark canvases.
9
+ * Only the chrome (grid, axis text, tooltip surface, semantic colors) is
10
+ * theme-aware — see `useChartTheme`.
11
+ *
12
+ * Rules baked in:
13
+ * - Pink leads (index 0) — never buried, fixing the V1 "pink last" bug.
14
+ * - Adjacent dashboard cards alternate lead palette (magenta / cyan) — the
15
+ * page decides which to pass; the component just receives one.
16
+ */
17
+ const MAGENTA_PALETTE = [
18
+ "#da1b6a",
19
+ "#ec82b0",
20
+ "#9a67d7",
21
+ "#668fdf",
22
+ "#47bde0",
23
+ "#75ddd8",
24
+ "#cd8c4d",
25
+ "#3eb0a1"
26
+ ];
27
+ const CYAN_PALETTE = [
28
+ "#2eb2c5",
29
+ "#50d0c0",
30
+ "#4f90e0",
31
+ "#8d74e0",
32
+ "#bc73e0",
33
+ "#ec82b0",
34
+ "#da1b6a",
35
+ "#c08dd3"
36
+ ];
1
37
  const CHART_PALETTES = {
2
- magenta: [
3
- "#da1b6a",
4
- "#ec82b0",
5
- "#9a67d7",
6
- "#668fdf",
7
- "#47bde0",
8
- "#75ddd8",
9
- "#cd8c4d",
10
- "#3eb0a1"
11
- ],
12
- cyan: [
13
- "#2eb2c5",
14
- "#50d0c0",
15
- "#4f90e0",
16
- "#8d74e0",
17
- "#bc73e0",
18
- "#ec82b0",
19
- "#da1b6a",
20
- "#c08dd3"
21
- ]
38
+ magenta: MAGENTA_PALETTE,
39
+ cyan: CYAN_PALETTE
22
40
  };
23
41
  const heatRampMagenta = (empty) => [
24
42
  empty,
@@ -95,4 +113,4 @@ const heatColor = (stops, fraction) => {
95
113
  return mixHex(stops[lowerIndex], stops[lowerIndex + 1], segment - lowerIndex);
96
114
  };
97
115
  //#endregion
98
- export { CHART_PALETTES, HEAT_EMPTY, heatColor, heatRamp, luminance, paletteColor, rampColor };
116
+ export { CHART_PALETTES, CYAN_PALETTE, HEAT_EMPTY, MAGENTA_PALETTE, heatColor, heatRamp, heatRampMagenta, heatRampMint, luminance, paletteColor, rampColor };
@@ -1,3 +1,4 @@
1
+ import "react";
1
2
  //#region src/lib/chart.d.ts
2
3
  /**
3
4
  * Declarative description of one plotted series. The same shape drives area,
@@ -10,5 +11,9 @@ interface ChartSeries {
10
11
  semantic?: "error" | "warning" | "success";
11
12
  dashed?: boolean;
12
13
  }
14
+ interface ResolvedSeries extends ChartSeries {
15
+ name: string;
16
+ color: string;
17
+ }
13
18
  //#endregion
14
- export { ChartSeries };
19
+ export { ChartSeries, ResolvedSeries };
package/dist/lib/cn.d.mts CHANGED
@@ -1,5 +1,4 @@
1
1
  import { ClassValue } from "clsx";
2
-
3
2
  //#region src/lib/cn.d.ts
4
3
  declare function cn(...inputs: ClassValue[]): string;
5
4
  //#endregion
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alpic-ai/ui",
3
- "version": "1.153.0",
3
+ "version": "1.154.1",
4
4
  "description": "Alpic design system — shared UI components",
5
5
  "type": "module",
6
6
  "exports": {
@@ -23,7 +23,7 @@
23
23
  "src"
24
24
  ],
25
25
  "peerDependencies": {
26
- "lucide-react": "^1.23.0",
26
+ "lucide-react": "^1.24.0",
27
27
  "react": "^19.2.7",
28
28
  "react-dom": "^19.2.7",
29
29
  "react-hook-form": "^7.81.0",
@@ -32,23 +32,23 @@
32
32
  "tw-animate-css": "^1.4.0"
33
33
  },
34
34
  "dependencies": {
35
- "@radix-ui/react-accordion": "^1.2.15",
36
- "@radix-ui/react-avatar": "^1.2.1",
37
- "@radix-ui/react-checkbox": "^1.3.6",
38
- "@radix-ui/react-collapsible": "^1.1.15",
39
- "@radix-ui/react-dialog": "^1.1.18",
40
- "@radix-ui/react-dropdown-menu": "^2.1.19",
35
+ "@radix-ui/react-accordion": "^1.2.16",
36
+ "@radix-ui/react-avatar": "^1.2.2",
37
+ "@radix-ui/react-checkbox": "^1.3.7",
38
+ "@radix-ui/react-collapsible": "^1.1.16",
39
+ "@radix-ui/react-dialog": "^1.1.19",
40
+ "@radix-ui/react-dropdown-menu": "^2.1.20",
41
41
  "@radix-ui/react-label": "^2.1.11",
42
- "@radix-ui/react-popover": "^1.1.18",
43
- "@radix-ui/react-radio-group": "^1.4.2",
44
- "@radix-ui/react-scroll-area": "^1.2.13",
45
- "@radix-ui/react-select": "^2.3.2",
42
+ "@radix-ui/react-popover": "^1.1.19",
43
+ "@radix-ui/react-radio-group": "^1.4.3",
44
+ "@radix-ui/react-scroll-area": "^1.2.14",
45
+ "@radix-ui/react-select": "^2.3.3",
46
46
  "@radix-ui/react-separator": "^1.1.11",
47
47
  "@radix-ui/react-slot": "^1.3.0",
48
- "@radix-ui/react-switch": "^1.3.2",
49
- "@radix-ui/react-tabs": "^1.1.16",
50
- "@radix-ui/react-toggle-group": "^1.1.14",
51
- "@radix-ui/react-tooltip": "^1.2.11",
48
+ "@radix-ui/react-switch": "^1.3.3",
49
+ "@radix-ui/react-tabs": "^1.1.17",
50
+ "@radix-ui/react-toggle-group": "^1.1.15",
51
+ "@radix-ui/react-tooltip": "^1.2.12",
52
52
  "class-variance-authority": "^0.7.1",
53
53
  "clsx": "^2.1.1",
54
54
  "cmdk": "^1.1.1",
@@ -60,19 +60,19 @@
60
60
  "@tailwindcss/postcss": "^4.3.2",
61
61
  "@types/react": "19.2.17",
62
62
  "@types/react-dom": "19.2.3",
63
- "lucide-react": "^1.23.0",
63
+ "lucide-react": "^1.24.0",
64
64
  "react-hook-form": "^7.81.0",
65
65
  "shx": "^0.4.0",
66
66
  "sonner": "^2.0.7",
67
67
  "tailwindcss": "^4.3.2",
68
- "tsdown": "^0.22.3",
68
+ "tsdown": "^0.22.5",
69
69
  "tw-animate-css": "^1.4.0",
70
70
  "typescript": "^6.0.3"
71
71
  },
72
72
  "scripts": {
73
73
  "build": "shx rm -rf dist && tsdown",
74
74
  "format": "biome check --write --error-on-warnings .",
75
- "test:type": "tsc --noEmit",
75
+ "test:type": "tsgo --noEmit",
76
76
  "test:format": "biome check --error-on-warnings .",
77
77
  "dev:ui": "ladle serve",
78
78
  "publish:npm": "pnpm publish --tag \"${NPM_TAG}\" --access public --no-git-checks"