@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.
- package/dist/components/accordion-card.d.mts +4 -25
- package/dist/components/accordion.d.mts +4 -18
- package/dist/components/alert.d.mts +5 -24
- package/dist/components/area-chart.d.mts +1 -22
- package/dist/components/area-chart.mjs +20 -109
- package/dist/components/attachment-tile.d.mts +1 -8
- package/dist/components/avatar.d.mts +4 -27
- package/dist/components/badge.d.mts +1 -8
- package/dist/components/bar-chart.d.mts +1 -21
- package/dist/components/bar-chart.mjs +10 -68
- package/dist/components/bar-list.d.mts +1 -13
- package/dist/components/breadcrumb.d.mts +8 -35
- package/dist/components/button.d.mts +1 -14
- package/dist/components/card.d.mts +7 -30
- package/dist/components/chart-card.d.mts +1 -12
- package/dist/components/chart-container.d.mts +1 -6
- package/dist/components/chart-legend.d.mts +1 -8
- package/dist/components/chart-primitives.d.mts +69 -0
- package/dist/components/chart-primitives.mjs +134 -0
- package/dist/components/chart-tooltip.d.mts +1 -11
- package/dist/components/checkbox.d.mts +1 -5
- package/dist/components/collapsible.d.mts +3 -10
- package/dist/components/combobox.d.mts +9 -45
- package/dist/components/command.d.mts +8 -32
- package/dist/components/copyable.d.mts +2 -9
- package/dist/components/description-list.d.mts +4 -17
- package/dist/components/dialog.d.mts +10 -42
- package/dist/components/donut-chart.d.mts +1 -16
- package/dist/components/dropdown-menu.d.mts +13 -55
- package/dist/components/field.d.mts +14 -0
- package/dist/components/field.mjs +41 -0
- package/dist/components/form.d.mts +15 -115
- package/dist/components/github-button.d.mts +1 -6
- package/dist/components/heatmap-chart.d.mts +1 -23
- package/dist/components/input-group.d.mts +3 -15
- package/dist/components/input.d.mts +1 -14
- package/dist/components/input.mjs +25 -49
- package/dist/components/label.d.mts +1 -5
- package/dist/components/line-chart.d.mts +1 -21
- package/dist/components/line-chart.mjs +20 -102
- package/dist/components/page-loader.d.mts +1 -3
- package/dist/components/pagination.d.mts +1 -8
- package/dist/components/popover.d.mts +4 -16
- package/dist/components/radio-group.d.mts +2 -9
- package/dist/components/scroll-area.d.mts +2 -11
- package/dist/components/select.d.mts +8 -35
- package/dist/components/separator.d.mts +1 -7
- package/dist/components/sheet.d.mts +9 -35
- package/dist/components/shimmer-text.d.mts +1 -5
- package/dist/components/sidebar.d.mts +22 -113
- package/dist/components/skeleton.d.mts +1 -6
- package/dist/components/sonner.d.mts +1 -8
- package/dist/components/spinner.d.mts +2 -14
- package/dist/components/stat.d.mts +1 -10
- package/dist/components/status-dot.d.mts +1 -7
- package/dist/components/switch.d.mts +1 -5
- package/dist/components/table.d.mts +8 -35
- package/dist/components/tabs.d.mts +7 -36
- package/dist/components/tag.d.mts +3 -20
- package/dist/components/task-progress.d.mts +1 -7
- package/dist/components/textarea.d.mts +1 -11
- package/dist/components/textarea.mjs +17 -41
- package/dist/components/toggle-group.d.mts +2 -15
- package/dist/components/tooltip-icon-button.d.mts +0 -1
- package/dist/components/tooltip.d.mts +4 -17
- package/dist/components/typography.d.mts +4 -17
- package/dist/components/wizard.d.mts +1 -7
- package/dist/hooks/use-copy-to-clipboard.d.mts +1 -3
- package/dist/lib/chart-palette.mjs +39 -21
- package/dist/lib/chart.d.mts +6 -1
- package/dist/lib/cn.d.mts +0 -1
- package/package.json +19 -19
- package/src/components/area-chart.tsx +21 -142
- package/src/components/bar-chart.tsx +12 -81
- package/src/components/chart-primitives.tsx +188 -0
- package/src/components/field.tsx +57 -0
- package/src/components/input.tsx +3 -33
- package/src/components/line-chart.tsx +21 -133
- package/src/components/textarea.tsx +3 -33
- package/src/stories/area-chart.stories.tsx +8 -6
- package/src/stories/bar-chart.stories.tsx +8 -6
- package/src/stories/donut-chart.stories.tsx +8 -6
- package/src/stories/line-chart.stories.tsx +8 -6
- 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
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}:
|
|
12
|
-
declare function
|
|
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
|
-
|
|
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
|
-
|
|
19
|
-
|
|
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
|
-
|
|
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 {
|
|
4
|
-
import {
|
|
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
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
-
|
|
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,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
|
-
|
|
7
|
-
|
|
8
|
-
}: React$1.ComponentProps<typeof TooltipPrimitive.
|
|
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,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
|
-
|
|
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 };
|
package/dist/lib/chart.d.mts
CHANGED
|
@@ -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
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alpic-ai/ui",
|
|
3
|
-
"version": "1.
|
|
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.
|
|
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.
|
|
36
|
-
"@radix-ui/react-avatar": "^1.2.
|
|
37
|
-
"@radix-ui/react-checkbox": "^1.3.
|
|
38
|
-
"@radix-ui/react-collapsible": "^1.1.
|
|
39
|
-
"@radix-ui/react-dialog": "^1.1.
|
|
40
|
-
"@radix-ui/react-dropdown-menu": "^2.1.
|
|
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.
|
|
43
|
-
"@radix-ui/react-radio-group": "^1.4.
|
|
44
|
-
"@radix-ui/react-scroll-area": "^1.2.
|
|
45
|
-
"@radix-ui/react-select": "^2.3.
|
|
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.
|
|
49
|
-
"@radix-ui/react-tabs": "^1.1.
|
|
50
|
-
"@radix-ui/react-toggle-group": "^1.1.
|
|
51
|
-
"@radix-ui/react-tooltip": "^1.2.
|
|
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.
|
|
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.
|
|
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": "
|
|
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"
|