@alpic-ai/ui 1.171.0 → 1.173.0
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/alert.d.mts +1 -1
- package/dist/components/area-chart.d.mts +3 -3
- package/dist/components/avatar.d.mts +1 -1
- package/dist/components/badge.d.mts +1 -1
- package/dist/components/bar-chart.d.mts +2 -2
- package/dist/components/bar-list.d.mts +2 -2
- package/dist/components/button.d.mts +2 -2
- package/dist/components/chart-card.d.mts +2 -2
- package/dist/components/chart-legend.d.mts +3 -3
- package/dist/components/chart-primitives.d.mts +9 -10
- package/dist/components/chart-tooltip.d.mts +3 -3
- package/dist/components/donut-chart.d.mts +2 -2
- package/dist/components/dropdown-menu.d.mts +1 -1
- package/dist/components/heatmap-chart.d.mts +2 -2
- package/dist/components/line-chart.d.mts +2 -2
- package/dist/components/select-trigger-variants.d.mts +2 -3
- package/dist/components/shimmer-text.d.mts +2 -3
- package/dist/components/sidebar.d.mts +1 -1
- package/dist/components/spinner.d.mts +1 -1
- package/dist/components/stat.d.mts +3 -3
- package/dist/components/status-dot.d.mts +1 -1
- package/dist/components/tabs.d.mts +1 -1
- package/dist/components/toggle-group.d.mts +1 -1
- package/dist/components/typography.d.mts +5 -6
- package/dist/hooks/use-chart-theme.d.mts +3 -4
- package/dist/hooks/use-copy-to-clipboard.d.mts +2 -3
- package/dist/hooks/use-isomorphic-layout-effect.d.mts +1 -1
- package/dist/hooks/use-mobile.d.mts +2 -3
- package/dist/lib/chart-palette.d.mts +13 -14
- package/dist/lib/chart.d.mts +3 -4
- package/dist/lib/cn.d.mts +2 -3
- package/package.json +5 -5
|
@@ -2,7 +2,7 @@ import { VariantProps } from "class-variance-authority";
|
|
|
2
2
|
import * as React$1 from "react";
|
|
3
3
|
//#region src/components/alert.d.ts
|
|
4
4
|
declare const alertVariants: (props?: ({
|
|
5
|
-
variant?: "
|
|
5
|
+
variant?: "destructive" | "default" | "warning" | "success" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
interface AlertProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {}
|
|
8
8
|
declare function Alert({ className, variant, ...props }: AlertProps): React$1.JSX.Element;
|
|
@@ -7,13 +7,13 @@ declare const CURVE_TYPE: {
|
|
|
7
7
|
readonly linear: "linear";
|
|
8
8
|
readonly step: "stepAfter";
|
|
9
9
|
};
|
|
10
|
-
interface ChartMarker {
|
|
10
|
+
export interface ChartMarker {
|
|
11
11
|
x: string | number;
|
|
12
12
|
y: number;
|
|
13
13
|
label?: string;
|
|
14
14
|
color?: string;
|
|
15
15
|
}
|
|
16
|
-
interface AreaChartProps {
|
|
16
|
+
export interface AreaChartProps {
|
|
17
17
|
data: ReadonlyArray<Record<string, string | number | null | undefined>>;
|
|
18
18
|
index: string;
|
|
19
19
|
series: ChartSeries[];
|
|
@@ -40,4 +40,4 @@ interface AreaChartProps {
|
|
|
40
40
|
}
|
|
41
41
|
declare function AreaChart({ data, index, series, variant, curve, legend, legendAlign, valueFlags, height, yAxisWidth, palette, referenceLine, markers, lastValueLabel, texture, loading, valueFormatter, labelFormatter, className }: AreaChartProps): React$1.JSX.Element;
|
|
42
42
|
//#endregion
|
|
43
|
-
export { AreaChart
|
|
43
|
+
export { AreaChart };
|
|
@@ -3,7 +3,7 @@ import * as React$1 from "react";
|
|
|
3
3
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
4
4
|
//#region src/components/avatar.d.ts
|
|
5
5
|
declare const avatarVariants: (props?: ({
|
|
6
|
-
size?: "
|
|
6
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
type AvatarSize = NonNullable<VariantProps<typeof avatarVariants>["size"]>;
|
|
9
9
|
type AvatarStatus = "online";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from "class-variance-authority";
|
|
2
2
|
//#region src/components/badge.d.ts
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
|
-
variant?: "primary" | "secondary" | "
|
|
4
|
+
variant?: "primary" | "secondary" | "warning" | "success" | "error" | null | undefined;
|
|
5
5
|
size?: "sm" | "md" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {}
|
|
@@ -3,7 +3,7 @@ import { ChartPaletteName } from "../lib/chart-palette.mjs";
|
|
|
3
3
|
import { ChartMarker } from "./area-chart.mjs";
|
|
4
4
|
import * as React$1 from "react";
|
|
5
5
|
//#region src/components/bar-chart.d.ts
|
|
6
|
-
interface BarChartProps {
|
|
6
|
+
export interface BarChartProps {
|
|
7
7
|
data: ReadonlyArray<Record<string, string | number | null | undefined>>;
|
|
8
8
|
index: string;
|
|
9
9
|
series: ChartSeries[];
|
|
@@ -31,4 +31,4 @@ interface BarChartProps {
|
|
|
31
31
|
}
|
|
32
32
|
declare function BarChart({ data, index, series, variant, legend, legendAlign, valueLabels, height, yAxisWidth, bare, barCategoryGap, palette, referenceLine, markers, texture, partialLastBar, loading, valueFormatter, labelFormatter, className }: BarChartProps): React$1.JSX.Element;
|
|
33
33
|
//#endregion
|
|
34
|
-
export { BarChart
|
|
34
|
+
export { BarChart };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ChartPaletteName } from "../lib/chart-palette.mjs";
|
|
2
2
|
import * as React$1 from "react";
|
|
3
3
|
//#region src/components/bar-list.d.ts
|
|
4
|
-
interface BarListProps {
|
|
4
|
+
export interface BarListProps {
|
|
5
5
|
data: ReadonlyArray<Record<string, string | number | null | undefined>>;
|
|
6
6
|
index: string;
|
|
7
7
|
dataKey?: string;
|
|
@@ -19,4 +19,4 @@ interface BarListProps {
|
|
|
19
19
|
}
|
|
20
20
|
declare function BarList({ data, index, dataKey, secondaryKey, secondaryVariantKey, titleKey, maxItems, palette, semantic, loading, valueFormatter, labelFormatter, className }: BarListProps): React$1.JSX.Element;
|
|
21
21
|
//#endregion
|
|
22
|
-
export { BarList
|
|
22
|
+
export { BarList };
|
|
@@ -2,8 +2,8 @@ import { VariantProps } from "class-variance-authority";
|
|
|
2
2
|
import * as React$1 from "react";
|
|
3
3
|
//#region src/components/button.d.ts
|
|
4
4
|
declare const buttonVariants: (props?: ({
|
|
5
|
-
variant?: "
|
|
6
|
-
size?: "default" | "
|
|
5
|
+
variant?: "primary" | "secondary" | "tertiary" | "link" | "link-muted" | "destructive" | "cta" | null | undefined;
|
|
6
|
+
size?: "default" | "icon" | "icon-rounded" | "pill" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
interface ButtonProps extends React$1.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
|
|
9
9
|
asChild?: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ChartPaletteName } from "../lib/chart-palette.mjs";
|
|
2
2
|
import * as React$1 from "react";
|
|
3
3
|
//#region src/components/chart-card.d.ts
|
|
4
|
-
interface ChartCardProps extends Omit<React$1.ComponentProps<"section">, "title"> {
|
|
4
|
+
export interface ChartCardProps extends Omit<React$1.ComponentProps<"section">, "title"> {
|
|
5
5
|
palette?: ChartPaletteName;
|
|
6
6
|
kicker?: React$1.ReactNode;
|
|
7
7
|
title?: React$1.ReactNode;
|
|
@@ -11,4 +11,4 @@ interface ChartCardProps extends Omit<React$1.ComponentProps<"section">, "title"
|
|
|
11
11
|
}
|
|
12
12
|
declare function ChartCard({ palette, kicker, title, description, action, accent, className, children, ...props }: ChartCardProps): React$1.JSX.Element;
|
|
13
13
|
//#endregion
|
|
14
|
-
export { ChartCard
|
|
14
|
+
export { ChartCard };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
//#region src/components/chart-legend.d.ts
|
|
2
|
-
interface ChartLegendItem {
|
|
2
|
+
export interface ChartLegendItem {
|
|
3
3
|
key: string;
|
|
4
4
|
name: string;
|
|
5
5
|
color: string;
|
|
6
6
|
dashed?: boolean;
|
|
7
7
|
}
|
|
8
|
-
interface ChartLegendProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
export interface ChartLegendProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
9
9
|
items: ChartLegendItem[];
|
|
10
10
|
align?: "left" | "center" | "right";
|
|
11
11
|
insetLeft?: number;
|
|
@@ -14,4 +14,4 @@ interface ChartLegendProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
14
14
|
}
|
|
15
15
|
declare function ChartLegend({ items, align, insetLeft, hiddenKeys, onItemClick, className, style, ...props }: ChartLegendProps): import("react").JSX.Element;
|
|
16
16
|
//#endregion
|
|
17
|
-
export { ChartLegend
|
|
17
|
+
export { ChartLegend };
|
|
@@ -2,13 +2,13 @@ import { ChartTheme } from "../hooks/use-chart-theme.mjs";
|
|
|
2
2
|
import { ChartSeries, ResolvedSeries } from "../lib/chart.mjs";
|
|
3
3
|
import { ChartMarker } from "./area-chart.mjs";
|
|
4
4
|
//#region src/components/chart-primitives.d.ts
|
|
5
|
-
type ReferenceLineConfig = {
|
|
5
|
+
export type ReferenceLineConfig = {
|
|
6
6
|
y: number;
|
|
7
7
|
label?: string;
|
|
8
8
|
band?: boolean;
|
|
9
9
|
};
|
|
10
10
|
type ChartData = ReadonlyArray<Record<string, string | number | null | undefined>>;
|
|
11
|
-
declare function makeChartAxis(theme: ChartTheme): {
|
|
11
|
+
export declare function makeChartAxis(theme: ChartTheme): {
|
|
12
12
|
stroke: string;
|
|
13
13
|
tick: {
|
|
14
14
|
fill: string;
|
|
@@ -21,15 +21,15 @@ declare function makeChartAxis(theme: ChartTheme): {
|
|
|
21
21
|
strokeOpacity: number;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
|
-
declare function makeLegendItems(resolved: ResolvedSeries[]): {
|
|
24
|
+
export declare function makeLegendItems(resolved: ResolvedSeries[]): {
|
|
25
25
|
key: string;
|
|
26
26
|
name: string;
|
|
27
27
|
color: string;
|
|
28
28
|
dashed: boolean | undefined;
|
|
29
29
|
}[];
|
|
30
30
|
/** Stacked series must reach the stack height (sum per x-point), or reference bands and explicit Y domains clip a tall stack short. */
|
|
31
|
-
declare function computeNumericMax(data: ChartData, series: ChartSeries[], stacked: boolean): number;
|
|
32
|
-
declare function makeActiveDot(entry: ResolvedSeries, { valueFlags, theme, valueFormatter }: {
|
|
31
|
+
export declare function computeNumericMax(data: ChartData, series: ChartSeries[], stacked: boolean): number;
|
|
32
|
+
export declare function makeActiveDot(entry: ResolvedSeries, { valueFlags, theme, valueFormatter }: {
|
|
33
33
|
valueFlags: boolean;
|
|
34
34
|
theme: ChartTheme;
|
|
35
35
|
valueFormatter: (value: number) => string;
|
|
@@ -43,7 +43,7 @@ declare function makeActiveDot(entry: ResolvedSeries, { valueFlags, theme, value
|
|
|
43
43
|
stroke: string;
|
|
44
44
|
strokeWidth: number;
|
|
45
45
|
};
|
|
46
|
-
declare function makeLastValueLabel(color: string, { dataLength, theme, valueFormatter }: {
|
|
46
|
+
export declare function makeLastValueLabel(color: string, { dataLength, theme, valueFormatter }: {
|
|
47
47
|
dataLength: number;
|
|
48
48
|
theme: ChartTheme;
|
|
49
49
|
valueFormatter: (value: number) => string;
|
|
@@ -54,11 +54,10 @@ declare function makeLastValueLabel(color: string, { dataLength, theme, valueFor
|
|
|
54
54
|
index?: number;
|
|
55
55
|
}) => import("react").JSX.Element | null;
|
|
56
56
|
/** Returns recharts elements (not a wrapper component) so recharts still detects them as direct chart children. */
|
|
57
|
-
declare function renderReferenceLine({ referenceLine, numericMax, theme }: {
|
|
57
|
+
export declare function renderReferenceLine({ referenceLine, numericMax, theme }: {
|
|
58
58
|
referenceLine: ReferenceLineConfig | undefined;
|
|
59
59
|
numericMax: number;
|
|
60
60
|
theme: ChartTheme;
|
|
61
61
|
}): (import("react").JSX.Element | null)[] | null;
|
|
62
|
-
declare function renderMarkers(markers: ChartMarker[] | undefined, theme: ChartTheme): import("react").JSX.Element[] | undefined;
|
|
63
|
-
//#endregion
|
|
64
|
-
export { ReferenceLineConfig, computeNumericMax, makeActiveDot, makeChartAxis, makeLastValueLabel, makeLegendItems, renderMarkers, renderReferenceLine };
|
|
62
|
+
export declare function renderMarkers(markers: ChartMarker[] | undefined, theme: ChartTheme): import("react").JSX.Element[] | undefined;
|
|
63
|
+
//#endregion
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region src/components/chart-tooltip.d.ts
|
|
2
|
-
interface ChartTooltipItem {
|
|
2
|
+
export interface ChartTooltipItem {
|
|
3
3
|
name?: string | number;
|
|
4
4
|
value?: number | string;
|
|
5
5
|
color?: string;
|
|
@@ -7,7 +7,7 @@ interface ChartTooltipItem {
|
|
|
7
7
|
fill?: string;
|
|
8
8
|
dataKey?: string | number;
|
|
9
9
|
}
|
|
10
|
-
interface ChartTooltipContentProps {
|
|
10
|
+
export interface ChartTooltipContentProps {
|
|
11
11
|
active?: boolean;
|
|
12
12
|
payload?: ChartTooltipItem[];
|
|
13
13
|
label?: string | number;
|
|
@@ -20,4 +20,4 @@ interface ChartTooltipContentProps {
|
|
|
20
20
|
}
|
|
21
21
|
declare function ChartTooltipContent({ active, payload, label, valueFormatter, labelFormatter, hideLabel, showTotal, totalLabel, className }: ChartTooltipContentProps): import("react").JSX.Element | null;
|
|
22
22
|
//#endregion
|
|
23
|
-
export { ChartTooltipContent
|
|
23
|
+
export { ChartTooltipContent };
|
|
@@ -11,7 +11,7 @@ declare const GEOMETRY: {
|
|
|
11
11
|
readonly outer: "92%";
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
|
-
interface DonutChartProps {
|
|
14
|
+
export interface DonutChartProps {
|
|
15
15
|
data: ReadonlyArray<Record<string, string | number | null | undefined>>;
|
|
16
16
|
index: string;
|
|
17
17
|
dataKey?: string;
|
|
@@ -28,4 +28,4 @@ interface DonutChartProps {
|
|
|
28
28
|
}
|
|
29
29
|
declare function DonutChart({ data, index, dataKey, variant, legend, paddingAngle, height, palette, centerLabel, loading, valueFormatter, labelFormatter, className }: DonutChartProps): React$1.JSX.Element;
|
|
30
30
|
//#endregion
|
|
31
|
-
export { DonutChart
|
|
31
|
+
export { DonutChart };
|
|
@@ -8,7 +8,7 @@ declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof
|
|
|
8
8
|
declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): React$1.JSX.Element;
|
|
9
9
|
declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): React$1.JSX.Element;
|
|
10
10
|
declare const dropdownMenuItemVariants: (props?: ({
|
|
11
|
-
variant?: "
|
|
11
|
+
variant?: "destructive" | "default" | null | undefined;
|
|
12
12
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
13
13
|
declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & VariantProps<typeof dropdownMenuItemVariants> & {
|
|
14
14
|
inset?: boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ChartPaletteName } from "../lib/chart-palette.mjs";
|
|
2
2
|
import * as React$1 from "react";
|
|
3
3
|
//#region src/components/heatmap-chart.d.ts
|
|
4
|
-
interface HeatmapChartProps {
|
|
4
|
+
export interface HeatmapChartProps {
|
|
5
5
|
data: ReadonlyArray<Record<string, string | number | null | undefined>>;
|
|
6
6
|
xKey: string;
|
|
7
7
|
yKey: string;
|
|
@@ -29,4 +29,4 @@ interface HeatmapChartProps {
|
|
|
29
29
|
}
|
|
30
30
|
declare function HeatmapChart({ data, xKey, yKey, dataKey, variant, palette, xLabels, yLabels, showAllXLabels, highlightPeak, loading, valueFormatter, xTickFormatter, yTickFormatter, tooltipMetrics, tooltipTitleKey, colorScale, showLegend, ariaLabel, className }: HeatmapChartProps): React$1.JSX.Element;
|
|
31
31
|
//#endregion
|
|
32
|
-
export { HeatmapChart
|
|
32
|
+
export { HeatmapChart };
|
|
@@ -8,7 +8,7 @@ declare const CURVE_TYPE: {
|
|
|
8
8
|
readonly linear: "linear";
|
|
9
9
|
readonly step: "stepAfter";
|
|
10
10
|
};
|
|
11
|
-
interface LineChartProps {
|
|
11
|
+
export interface LineChartProps {
|
|
12
12
|
data: ReadonlyArray<Record<string, string | number | null | undefined>>;
|
|
13
13
|
index: string;
|
|
14
14
|
series: ChartSeries[];
|
|
@@ -36,4 +36,4 @@ interface LineChartProps {
|
|
|
36
36
|
}
|
|
37
37
|
declare function LineChart({ data, index, series, curve, legend, legendAlign, valueFlags, dots, height, yAxisWidth, palette, referenceLine, markers, lastValueLabel, loading, hiddenSeries, onLegendItemClick, valueFormatter, labelFormatter, className }: LineChartProps): React$1.JSX.Element;
|
|
38
38
|
//#endregion
|
|
39
|
-
export { LineChart
|
|
39
|
+
export { LineChart };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
//#region src/components/select-trigger-variants.d.ts
|
|
2
2
|
/** Shared by Select and Combobox so their trigger buttons stay visually in sync. */
|
|
3
|
-
declare const selectTriggerVariants: (props?: ({
|
|
3
|
+
export declare const selectTriggerVariants: (props?: ({
|
|
4
4
|
size?: "sm" | "md" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
-
//#endregion
|
|
7
|
-
export { selectTriggerVariants };
|
|
6
|
+
//#endregion
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
//#region src/components/shimmer-text.d.ts
|
|
3
|
-
declare function ShimmerText({ children, className }: {
|
|
3
|
+
export declare function ShimmerText({ children, className }: {
|
|
4
4
|
children: string | number;
|
|
5
5
|
className?: string;
|
|
6
6
|
}): React.JSX.Element;
|
|
7
|
-
//#endregion
|
|
8
|
-
export { ShimmerText };
|
|
7
|
+
//#endregion
|
|
@@ -46,7 +46,7 @@ declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul
|
|
|
46
46
|
declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
|
|
47
47
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
48
48
|
variant?: "default" | "outline" | null | undefined;
|
|
49
|
-
size?: "
|
|
49
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
50
50
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
51
51
|
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
|
|
52
52
|
asChild?: boolean;
|
|
@@ -2,7 +2,7 @@ import { VariantProps } from "class-variance-authority";
|
|
|
2
2
|
//#region src/components/spinner.d.ts
|
|
3
3
|
declare const spinnerVariants: (props?: ({
|
|
4
4
|
variant?: "primary" | "secondary" | null | undefined;
|
|
5
|
-
size?: "sm" | "
|
|
5
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
interface SpinnerProps extends Omit<React.ComponentProps<"svg">, "children">, VariantProps<typeof spinnerVariants> {}
|
|
8
8
|
declare function Spinner({ className, variant, size, ...props }: SpinnerProps): import("react").JSX.Element;
|
|
@@ -3,14 +3,14 @@ import * as React$1 from "react";
|
|
|
3
3
|
declare const statDeltaVariants: (props?: ({
|
|
4
4
|
sentiment?: "positive" | "negative" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
-
interface StatDelta {
|
|
6
|
+
export interface StatDelta {
|
|
7
7
|
value: number;
|
|
8
8
|
direction: "up" | "down";
|
|
9
9
|
invert?: boolean;
|
|
10
10
|
label?: React$1.ReactNode;
|
|
11
11
|
indicator?: "arrow" | "sign";
|
|
12
12
|
}
|
|
13
|
-
interface StatProps extends Omit<React$1.HTMLAttributes<HTMLElement>, "onClick"> {
|
|
13
|
+
export interface StatProps extends Omit<React$1.HTMLAttributes<HTMLElement>, "onClick"> {
|
|
14
14
|
value: React$1.ReactNode;
|
|
15
15
|
unit?: string;
|
|
16
16
|
delta?: StatDelta | null;
|
|
@@ -26,4 +26,4 @@ declare function StatSparkline({ sparkline, semantic, className }: Pick<StatProp
|
|
|
26
26
|
className?: string;
|
|
27
27
|
}): React$1.JSX.Element | null;
|
|
28
28
|
//#endregion
|
|
29
|
-
export { Stat,
|
|
29
|
+
export { Stat, StatSparkline, statDeltaVariants };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from "class-variance-authority";
|
|
2
2
|
//#region src/components/status-dot.d.ts
|
|
3
3
|
declare const statusDotVariants: (props?: ({
|
|
4
|
-
variant?: "destructive" | "
|
|
4
|
+
variant?: "destructive" | "warning" | "success" | "muted" | null | undefined;
|
|
5
5
|
pulse?: boolean | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
7
|
interface StatusDotProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusDotVariants> {}
|
|
@@ -3,7 +3,7 @@ import * as React$1 from "react";
|
|
|
3
3
|
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
4
4
|
//#region src/components/tabs.d.ts
|
|
5
5
|
declare const tabsTriggerVariants: (props?: ({
|
|
6
|
-
variant?: "default" | "
|
|
6
|
+
variant?: "default" | "pill" | "line" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
8
|
declare function Tabs({ className, orientation, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root>): React$1.JSX.Element;
|
|
9
9
|
declare const tabsListVariants: (props?: ({
|
|
@@ -4,7 +4,7 @@ import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
|
|
|
4
4
|
//#region src/components/toggle-group.d.ts
|
|
5
5
|
declare const toggleGroupItemVariants: (props?: ({
|
|
6
6
|
variant?: "default" | "outline" | null | undefined;
|
|
7
|
-
size?: "
|
|
7
|
+
size?: "default" | "sm" | null | undefined;
|
|
8
8
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
9
|
type ToggleGroupContextValue = VariantProps<typeof toggleGroupItemVariants>;
|
|
10
10
|
declare function ToggleGroup({ className, variant, size, children, ...props }: React$1.ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleGroupContextValue): React$1.JSX.Element;
|
|
@@ -1,20 +1,19 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
//#region src/components/typography.d.ts
|
|
3
|
-
declare function H1({ children, className }: {
|
|
3
|
+
export declare function H1({ children, className }: {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
className?: string;
|
|
6
6
|
}): import("react").JSX.Element;
|
|
7
|
-
declare function H2({ children, className }: {
|
|
7
|
+
export declare function H2({ children, className }: {
|
|
8
8
|
children: ReactNode;
|
|
9
9
|
className?: string;
|
|
10
10
|
}): import("react").JSX.Element;
|
|
11
|
-
declare function H3({ children, className }: {
|
|
11
|
+
export declare function H3({ children, className }: {
|
|
12
12
|
children: ReactNode;
|
|
13
13
|
className?: string;
|
|
14
14
|
}): import("react").JSX.Element;
|
|
15
|
-
declare function H4({ children, className }: {
|
|
15
|
+
export declare function H4({ children, className }: {
|
|
16
16
|
children: ReactNode;
|
|
17
17
|
className?: string;
|
|
18
18
|
}): import("react").JSX.Element;
|
|
19
|
-
//#endregion
|
|
20
|
-
export { H1, H2, H3, H4 };
|
|
19
|
+
//#endregion
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region src/hooks/use-chart-theme.d.ts
|
|
2
|
-
interface ChartTheme {
|
|
2
|
+
export interface ChartTheme {
|
|
3
3
|
foreground: string;
|
|
4
4
|
mutedForeground: string;
|
|
5
5
|
axisForeground: string;
|
|
@@ -13,6 +13,5 @@ interface ChartTheme {
|
|
|
13
13
|
fontMono: string;
|
|
14
14
|
isDark: boolean;
|
|
15
15
|
}
|
|
16
|
-
declare function useChartTheme(): ChartTheme;
|
|
17
|
-
//#endregion
|
|
18
|
-
export { ChartTheme, useChartTheme };
|
|
16
|
+
export declare function useChartTheme(): ChartTheme;
|
|
17
|
+
//#endregion
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
//#region src/hooks/use-copy-to-clipboard.d.ts
|
|
2
|
-
declare function useCopyToClipboard({ resetDelay }?: {
|
|
2
|
+
export declare function useCopyToClipboard({ resetDelay }?: {
|
|
3
3
|
resetDelay?: number;
|
|
4
4
|
}): {
|
|
5
5
|
copy: (text: string) => void;
|
|
6
6
|
isCopied: boolean;
|
|
7
7
|
};
|
|
8
|
-
//#endregion
|
|
9
|
-
export { useCopyToClipboard };
|
|
8
|
+
//#endregion
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
//#region src/hooks/use-isomorphic-layout-effect.d.ts
|
|
3
|
-
declare const useIsomorphicLayoutEffect: typeof React$1.
|
|
3
|
+
declare const useIsomorphicLayoutEffect: typeof React$1.useLayoutEffect;
|
|
4
4
|
//#endregion
|
|
5
5
|
export { useIsomorphicLayoutEffect };
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
//#region src/lib/chart-palette.d.ts
|
|
2
|
-
declare const MAGENTA_PALETTE: readonly ["#da1b6a", "#ec82b0", "#9a67d7", "#668fdf", "#47bde0", "#75ddd8", "#cd8c4d", "#3eb0a1"];
|
|
3
|
-
declare const CYAN_PALETTE: readonly ["#2eb2c5", "#50d0c0", "#4f90e0", "#8d74e0", "#bc73e0", "#ec82b0", "#da1b6a", "#c08dd3"];
|
|
4
|
-
type ChartPaletteName = "magenta" | "cyan";
|
|
5
|
-
declare const CHART_PALETTES: Record<ChartPaletteName, readonly string[]>;
|
|
6
|
-
declare const heatRampMagenta: (empty: string) => string[];
|
|
7
|
-
declare const heatRampMint: (empty: string) => string[];
|
|
8
|
-
declare const HEAT_EMPTY: {
|
|
2
|
+
export declare const MAGENTA_PALETTE: readonly ["#da1b6a", "#ec82b0", "#9a67d7", "#668fdf", "#47bde0", "#75ddd8", "#cd8c4d", "#3eb0a1"];
|
|
3
|
+
export declare const CYAN_PALETTE: readonly ["#2eb2c5", "#50d0c0", "#4f90e0", "#8d74e0", "#bc73e0", "#ec82b0", "#da1b6a", "#c08dd3"];
|
|
4
|
+
export type ChartPaletteName = "magenta" | "cyan";
|
|
5
|
+
export declare const CHART_PALETTES: Record<ChartPaletteName, readonly string[]>;
|
|
6
|
+
export declare const heatRampMagenta: (empty: string) => string[];
|
|
7
|
+
export declare const heatRampMint: (empty: string) => string[];
|
|
8
|
+
export declare const HEAT_EMPTY: {
|
|
9
9
|
readonly light: "#eef3f3";
|
|
10
10
|
readonly dark: "#102222";
|
|
11
11
|
};
|
|
12
|
-
declare const heatRamp: (palette: ChartPaletteName, empty: string, isDark?: boolean) => string[];
|
|
13
|
-
declare const luminance: (hex: string) => number;
|
|
14
|
-
declare const paletteColor: (palette: readonly string[], index: number) => string;
|
|
15
|
-
declare const rampColor: (palette: ChartPaletteName, fraction: number) => string;
|
|
12
|
+
export declare const heatRamp: (palette: ChartPaletteName, empty: string, isDark?: boolean) => string[];
|
|
13
|
+
export declare const luminance: (hex: string) => number;
|
|
14
|
+
export declare const paletteColor: (palette: readonly string[], index: number) => string;
|
|
15
|
+
export declare const rampColor: (palette: ChartPaletteName, fraction: number) => string;
|
|
16
16
|
/** Interpolates continuously across the ramp so a 0..1 value reads as a smooth gradient rather than five discrete bands. */
|
|
17
|
-
declare const heatColor: (stops: readonly string[], fraction: number) => string;
|
|
18
|
-
//#endregion
|
|
19
|
-
export { CHART_PALETTES, CYAN_PALETTE, ChartPaletteName, HEAT_EMPTY, MAGENTA_PALETTE, heatColor, heatRamp, heatRampMagenta, heatRampMint, luminance, paletteColor, rampColor };
|
|
17
|
+
export declare const heatColor: (stops: readonly string[], fraction: number) => string;
|
|
18
|
+
//#endregion
|
package/dist/lib/chart.d.mts
CHANGED
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import "react";
|
|
2
2
|
//#region src/lib/chart.d.ts
|
|
3
3
|
/** One plotted series; the same shape drives area, line and bar charts. */
|
|
4
|
-
interface ChartSeries {
|
|
4
|
+
export interface ChartSeries {
|
|
5
5
|
key: string;
|
|
6
6
|
name?: string;
|
|
7
7
|
color?: string;
|
|
8
8
|
semantic?: "error" | "warning" | "success";
|
|
9
9
|
dashed?: boolean;
|
|
10
10
|
}
|
|
11
|
-
interface ResolvedSeries extends ChartSeries {
|
|
11
|
+
export interface ResolvedSeries extends ChartSeries {
|
|
12
12
|
name: string;
|
|
13
13
|
color: string;
|
|
14
14
|
}
|
|
15
|
-
//#endregion
|
|
16
|
-
export { ChartSeries, ResolvedSeries };
|
|
15
|
+
//#endregion
|
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.173.0",
|
|
4
4
|
"description": "Alpic design system — shared UI components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -59,13 +59,13 @@
|
|
|
59
59
|
"@ladle/react": "^5.1.1",
|
|
60
60
|
"@tailwindcss/postcss": "^4.3.3",
|
|
61
61
|
"@types/react": "19.2.18",
|
|
62
|
-
"@types/react-dom": "19.2.
|
|
63
|
-
"lucide-react": "^1.
|
|
64
|
-
"react-hook-form": "^7.
|
|
62
|
+
"@types/react-dom": "19.2.7",
|
|
63
|
+
"lucide-react": "^1.41.0",
|
|
64
|
+
"react-hook-form": "^7.87.0",
|
|
65
65
|
"shx": "^0.4.0",
|
|
66
66
|
"sonner": "^2.0.8",
|
|
67
67
|
"tailwindcss": "^4.3.3",
|
|
68
|
-
"tsdown": "^0.
|
|
68
|
+
"tsdown": "^0.23.0",
|
|
69
69
|
"tw-animate-css": "^1.4.0",
|
|
70
70
|
"typescript": "^6.0.3"
|
|
71
71
|
},
|