@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,36 +1,13 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
|
|
3
2
|
//#region src/components/card.d.ts
|
|
4
|
-
declare function Card({
|
|
5
|
-
className,
|
|
6
|
-
hoverable,
|
|
7
|
-
...props
|
|
8
|
-
}: React$1.ComponentProps<"div"> & {
|
|
3
|
+
declare function Card({ className, hoverable, ...props }: React$1.ComponentProps<"div"> & {
|
|
9
4
|
hoverable?: boolean;
|
|
10
5
|
}): React$1.JSX.Element;
|
|
11
|
-
declare function CardHeader({
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
15
|
-
declare function
|
|
16
|
-
|
|
17
|
-
...props
|
|
18
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
19
|
-
declare function CardDescription({
|
|
20
|
-
className,
|
|
21
|
-
...props
|
|
22
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
23
|
-
declare function CardAction({
|
|
24
|
-
className,
|
|
25
|
-
...props
|
|
26
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
27
|
-
declare function CardContent({
|
|
28
|
-
className,
|
|
29
|
-
...props
|
|
30
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
31
|
-
declare function CardFooter({
|
|
32
|
-
className,
|
|
33
|
-
...props
|
|
34
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
6
|
+
declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
7
|
+
declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
8
|
+
declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
9
|
+
declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
10
|
+
declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
11
|
+
declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
35
12
|
//#endregion
|
|
36
13
|
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ChartPaletteName } from "../lib/chart-palette.mjs";
|
|
2
2
|
import * as React$1 from "react";
|
|
3
|
-
|
|
4
3
|
//#region src/components/chart-card.d.ts
|
|
5
4
|
interface ChartCardProps extends Omit<React$1.ComponentProps<"section">, "title"> {
|
|
6
5
|
palette?: ChartPaletteName;
|
|
@@ -10,16 +9,6 @@ interface ChartCardProps extends Omit<React$1.ComponentProps<"section">, "title"
|
|
|
10
9
|
action?: React$1.ReactNode;
|
|
11
10
|
accent?: "top" | "left" | "none";
|
|
12
11
|
}
|
|
13
|
-
declare function ChartCard({
|
|
14
|
-
palette,
|
|
15
|
-
kicker,
|
|
16
|
-
title,
|
|
17
|
-
description,
|
|
18
|
-
action,
|
|
19
|
-
accent,
|
|
20
|
-
className,
|
|
21
|
-
children,
|
|
22
|
-
...props
|
|
23
|
-
}: ChartCardProps): React$1.JSX.Element;
|
|
12
|
+
declare function ChartCard({ palette, kicker, title, description, action, accent, className, children, ...props }: ChartCardProps): React$1.JSX.Element;
|
|
24
13
|
//#endregion
|
|
25
14
|
export { ChartCard, ChartCardProps };
|
|
@@ -1,18 +1,13 @@
|
|
|
1
1
|
import { ChartTheme } from "../hooks/use-chart-theme.mjs";
|
|
2
2
|
import { ChartPaletteName } from "../lib/chart-palette.mjs";
|
|
3
3
|
import * as React$1 from "react";
|
|
4
|
-
|
|
5
4
|
//#region src/components/chart-container.d.ts
|
|
6
5
|
interface ChartContextValue {
|
|
7
6
|
palette: readonly string[];
|
|
8
7
|
paletteName: ChartPaletteName;
|
|
9
8
|
theme: ChartTheme;
|
|
10
9
|
}
|
|
11
|
-
declare function ChartContainer({
|
|
12
|
-
palette,
|
|
13
|
-
className,
|
|
14
|
-
...props
|
|
15
|
-
}: React$1.ComponentProps<"div"> & {
|
|
10
|
+
declare function ChartContainer({ palette, className, ...props }: React$1.ComponentProps<"div"> & {
|
|
16
11
|
palette?: ChartPaletteName;
|
|
17
12
|
}): React$1.JSX.Element;
|
|
18
13
|
declare function useChartContext(paletteOverride?: ChartPaletteName): ChartContextValue;
|
|
@@ -9,13 +9,6 @@ interface ChartLegendProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
9
9
|
align?: "left" | "center" | "right";
|
|
10
10
|
insetLeft?: number;
|
|
11
11
|
}
|
|
12
|
-
declare function ChartLegend({
|
|
13
|
-
items,
|
|
14
|
-
align,
|
|
15
|
-
insetLeft,
|
|
16
|
-
className,
|
|
17
|
-
style,
|
|
18
|
-
...props
|
|
19
|
-
}: ChartLegendProps): import("react").JSX.Element;
|
|
12
|
+
declare function ChartLegend({ items, align, insetLeft, className, style, ...props }: ChartLegendProps): import("react").JSX.Element;
|
|
20
13
|
//#endregion
|
|
21
14
|
export { ChartLegend, ChartLegendItem, ChartLegendProps };
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { ChartTheme } from "../hooks/use-chart-theme.mjs";
|
|
2
|
+
import { ChartSeries, ResolvedSeries } from "../lib/chart.mjs";
|
|
3
|
+
import { ChartMarker } from "./area-chart.mjs";
|
|
4
|
+
//#region src/components/chart-primitives.d.ts
|
|
5
|
+
type ReferenceLineConfig = {
|
|
6
|
+
y: number;
|
|
7
|
+
label?: string;
|
|
8
|
+
band?: boolean;
|
|
9
|
+
};
|
|
10
|
+
type ChartData = ReadonlyArray<Record<string, string | number | null | undefined>>;
|
|
11
|
+
declare function makeChartAxis(theme: ChartTheme): {
|
|
12
|
+
stroke: string;
|
|
13
|
+
tick: {
|
|
14
|
+
fill: string;
|
|
15
|
+
fontSize: number;
|
|
16
|
+
fontFamily: string;
|
|
17
|
+
};
|
|
18
|
+
tickLine: false;
|
|
19
|
+
axisLine: {
|
|
20
|
+
stroke: string;
|
|
21
|
+
strokeOpacity: number;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
declare function makeLegendItems(resolved: ResolvedSeries[]): {
|
|
25
|
+
name: string;
|
|
26
|
+
color: string;
|
|
27
|
+
dashed: boolean | undefined;
|
|
28
|
+
}[];
|
|
29
|
+
/**
|
|
30
|
+
* Stacked series must reach the stack height (sum per x-point), not the tallest
|
|
31
|
+
* single series, or reference bands and explicit Y domains clip a tall stack short.
|
|
32
|
+
*/
|
|
33
|
+
declare function computeNumericMax(data: ChartData, series: ChartSeries[], stacked: boolean): number;
|
|
34
|
+
declare function makeActiveDot(entry: ResolvedSeries, { valueFlags, theme, valueFormatter }: {
|
|
35
|
+
valueFlags: boolean;
|
|
36
|
+
theme: ChartTheme;
|
|
37
|
+
valueFormatter: (value: number) => string;
|
|
38
|
+
}): ((dotProps: {
|
|
39
|
+
cx?: number;
|
|
40
|
+
cy?: number;
|
|
41
|
+
value?: number | string;
|
|
42
|
+
}) => import("react").JSX.Element) | {
|
|
43
|
+
r: number;
|
|
44
|
+
fill: string;
|
|
45
|
+
stroke: string;
|
|
46
|
+
strokeWidth: number;
|
|
47
|
+
};
|
|
48
|
+
declare function makeLastValueLabel(color: string, { dataLength, theme, valueFormatter }: {
|
|
49
|
+
dataLength: number;
|
|
50
|
+
theme: ChartTheme;
|
|
51
|
+
valueFormatter: (value: number) => string;
|
|
52
|
+
}): (props: {
|
|
53
|
+
x?: string | number;
|
|
54
|
+
y?: string | number;
|
|
55
|
+
value?: string | number | boolean | Array<string | number | boolean> | null;
|
|
56
|
+
index?: number;
|
|
57
|
+
}) => import("react").JSX.Element | null;
|
|
58
|
+
/**
|
|
59
|
+
* Returns recharts elements (not a wrapper component) so recharts still detects
|
|
60
|
+
* them as direct children when spread into a chart via `{renderReferenceLine(...)}`.
|
|
61
|
+
*/
|
|
62
|
+
declare function renderReferenceLine({ referenceLine, numericMax, theme }: {
|
|
63
|
+
referenceLine: ReferenceLineConfig | undefined;
|
|
64
|
+
numericMax: number;
|
|
65
|
+
theme: ChartTheme;
|
|
66
|
+
}): (import("react").JSX.Element | null)[] | null;
|
|
67
|
+
declare function renderMarkers(markers: ChartMarker[] | undefined, theme: ChartTheme): import("react").JSX.Element[] | undefined;
|
|
68
|
+
//#endregion
|
|
69
|
+
export { ReferenceLineConfig, computeNumericMax, makeActiveDot, makeChartAxis, makeLastValueLabel, makeLegendItems, renderMarkers, renderReferenceLine };
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { ReferenceArea, ReferenceDot, ReferenceLine } from "recharts";
|
|
4
|
+
//#region src/components/chart-primitives.tsx
|
|
5
|
+
function makeChartAxis(theme) {
|
|
6
|
+
return {
|
|
7
|
+
stroke: theme.border,
|
|
8
|
+
tick: {
|
|
9
|
+
fill: theme.axisForeground,
|
|
10
|
+
fontSize: 10,
|
|
11
|
+
fontFamily: theme.fontMono
|
|
12
|
+
},
|
|
13
|
+
tickLine: false,
|
|
14
|
+
axisLine: {
|
|
15
|
+
stroke: theme.border,
|
|
16
|
+
strokeOpacity: .6
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
function makeLegendItems(resolved) {
|
|
21
|
+
return resolved.map((entry) => ({
|
|
22
|
+
name: entry.name,
|
|
23
|
+
color: entry.color,
|
|
24
|
+
dashed: entry.dashed
|
|
25
|
+
}));
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* Stacked series must reach the stack height (sum per x-point), not the tallest
|
|
29
|
+
* single series, or reference bands and explicit Y domains clip a tall stack short.
|
|
30
|
+
*/
|
|
31
|
+
function computeNumericMax(data, series, stacked) {
|
|
32
|
+
let max = 0;
|
|
33
|
+
for (const row of data) {
|
|
34
|
+
let rowTotal = 0;
|
|
35
|
+
for (const entry of series) {
|
|
36
|
+
const value = Number(row[entry.key]);
|
|
37
|
+
if (Number.isFinite(value)) {
|
|
38
|
+
rowTotal += value;
|
|
39
|
+
if (!stacked && value > max) max = value;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
if (stacked && rowTotal > max) max = rowTotal;
|
|
43
|
+
}
|
|
44
|
+
return max;
|
|
45
|
+
}
|
|
46
|
+
function makeActiveDot(entry, { valueFlags, theme, valueFormatter }) {
|
|
47
|
+
if (!valueFlags) return {
|
|
48
|
+
r: 3.5,
|
|
49
|
+
fill: entry.color,
|
|
50
|
+
stroke: theme.card,
|
|
51
|
+
strokeWidth: 2
|
|
52
|
+
};
|
|
53
|
+
return (dotProps) => {
|
|
54
|
+
if (dotProps.cx == null || dotProps.cy == null) return /* @__PURE__ */ jsx("g", {});
|
|
55
|
+
return /* @__PURE__ */ jsxs("g", { children: [/* @__PURE__ */ jsx("circle", {
|
|
56
|
+
cx: dotProps.cx,
|
|
57
|
+
cy: dotProps.cy,
|
|
58
|
+
r: 3.5,
|
|
59
|
+
fill: entry.color,
|
|
60
|
+
stroke: theme.card,
|
|
61
|
+
strokeWidth: 2
|
|
62
|
+
}), /* @__PURE__ */ jsx("text", {
|
|
63
|
+
x: dotProps.cx,
|
|
64
|
+
y: dotProps.cy - 8,
|
|
65
|
+
textAnchor: "middle",
|
|
66
|
+
fill: entry.color,
|
|
67
|
+
fontFamily: theme.fontMono,
|
|
68
|
+
fontSize: 10,
|
|
69
|
+
style: { fontVariantNumeric: "tabular-nums" },
|
|
70
|
+
children: valueFormatter(Number(dotProps.value ?? 0))
|
|
71
|
+
})] });
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
function makeLastValueLabel(color, { dataLength, theme, valueFormatter }) {
|
|
75
|
+
return (props) => {
|
|
76
|
+
if (props.index !== dataLength - 1 || props.x == null || props.y == null) return null;
|
|
77
|
+
return /* @__PURE__ */ jsx("text", {
|
|
78
|
+
x: Number(props.x) + 6,
|
|
79
|
+
y: Number(props.y),
|
|
80
|
+
dy: 3,
|
|
81
|
+
fill: color,
|
|
82
|
+
fontFamily: theme.fontMono,
|
|
83
|
+
fontSize: 10,
|
|
84
|
+
textAnchor: "start",
|
|
85
|
+
style: { fontVariantNumeric: "tabular-nums" },
|
|
86
|
+
children: valueFormatter(Number(props.value ?? 0))
|
|
87
|
+
});
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
/**
|
|
91
|
+
* Returns recharts elements (not a wrapper component) so recharts still detects
|
|
92
|
+
* them as direct children when spread into a chart via `{renderReferenceLine(...)}`.
|
|
93
|
+
*/
|
|
94
|
+
function renderReferenceLine({ referenceLine, numericMax, theme }) {
|
|
95
|
+
if (!referenceLine) return null;
|
|
96
|
+
return [referenceLine.band ? /* @__PURE__ */ jsx(ReferenceArea, {
|
|
97
|
+
y1: referenceLine.y,
|
|
98
|
+
y2: numericMax,
|
|
99
|
+
fill: theme.warning,
|
|
100
|
+
fillOpacity: .06,
|
|
101
|
+
ifOverflow: "extendDomain"
|
|
102
|
+
}, "reference-band") : null, /* @__PURE__ */ jsx(ReferenceLine, {
|
|
103
|
+
y: referenceLine.y,
|
|
104
|
+
stroke: theme.warning,
|
|
105
|
+
strokeDasharray: "4 4",
|
|
106
|
+
strokeOpacity: .6,
|
|
107
|
+
label: referenceLine.label ? {
|
|
108
|
+
value: referenceLine.label,
|
|
109
|
+
fill: theme.warning,
|
|
110
|
+
fontSize: 9,
|
|
111
|
+
fontFamily: theme.fontMono,
|
|
112
|
+
position: "insideBottomRight"
|
|
113
|
+
} : void 0
|
|
114
|
+
}, "reference-line")];
|
|
115
|
+
}
|
|
116
|
+
function renderMarkers(markers, theme) {
|
|
117
|
+
return markers?.map((marker) => /* @__PURE__ */ jsx(ReferenceDot, {
|
|
118
|
+
x: marker.x,
|
|
119
|
+
y: marker.y,
|
|
120
|
+
r: 3.5,
|
|
121
|
+
fill: marker.color ?? theme.foreground,
|
|
122
|
+
stroke: theme.card,
|
|
123
|
+
strokeWidth: 2,
|
|
124
|
+
label: marker.label ? {
|
|
125
|
+
value: marker.label,
|
|
126
|
+
fill: marker.color ?? theme.foreground,
|
|
127
|
+
fontSize: 9,
|
|
128
|
+
fontFamily: theme.fontMono,
|
|
129
|
+
position: "top"
|
|
130
|
+
} : void 0
|
|
131
|
+
}, `${marker.x}-${marker.y}`));
|
|
132
|
+
}
|
|
133
|
+
//#endregion
|
|
134
|
+
export { computeNumericMax, makeActiveDot, makeChartAxis, makeLastValueLabel, makeLegendItems, renderMarkers, renderReferenceLine };
|
|
@@ -18,16 +18,6 @@ interface ChartTooltipContentProps {
|
|
|
18
18
|
totalLabel?: string;
|
|
19
19
|
className?: string;
|
|
20
20
|
}
|
|
21
|
-
declare function ChartTooltipContent({
|
|
22
|
-
active,
|
|
23
|
-
payload,
|
|
24
|
-
label,
|
|
25
|
-
valueFormatter,
|
|
26
|
-
labelFormatter,
|
|
27
|
-
hideLabel,
|
|
28
|
-
showTotal,
|
|
29
|
-
totalLabel,
|
|
30
|
-
className
|
|
31
|
-
}: ChartTooltipContentProps): import("react").JSX.Element | null;
|
|
21
|
+
declare function ChartTooltipContent({ active, payload, label, valueFormatter, labelFormatter, hideLabel, showTotal, totalLabel, className }: ChartTooltipContentProps): import("react").JSX.Element | null;
|
|
32
22
|
//#endregion
|
|
33
23
|
export { ChartTooltipContent, ChartTooltipContentProps, ChartTooltipItem };
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
3
|
-
|
|
4
3
|
//#region src/components/checkbox.d.ts
|
|
5
|
-
declare function Checkbox({
|
|
6
|
-
className,
|
|
7
|
-
...props
|
|
8
|
-
}: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): React$1.JSX.Element;
|
|
4
|
+
declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): React$1.JSX.Element;
|
|
9
5
|
//#endregion
|
|
10
6
|
export { Checkbox };
|
|
@@ -1,15 +1,8 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
3
|
-
|
|
4
3
|
//#region src/components/collapsible.d.ts
|
|
5
|
-
declare function Collapsible({
|
|
6
|
-
|
|
7
|
-
}: React$1.ComponentProps<typeof CollapsiblePrimitive.
|
|
8
|
-
declare function CollapsibleTrigger({
|
|
9
|
-
...props
|
|
10
|
-
}: React$1.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): React$1.JSX.Element;
|
|
11
|
-
declare function CollapsibleContent({
|
|
12
|
-
...props
|
|
13
|
-
}: React$1.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): React$1.JSX.Element;
|
|
4
|
+
declare function Collapsible({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.Root>): React$1.JSX.Element;
|
|
5
|
+
declare function CollapsibleTrigger({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): React$1.JSX.Element;
|
|
6
|
+
declare function CollapsibleContent({ ...props }: React$1.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): React$1.JSX.Element;
|
|
14
7
|
//#endregion
|
|
15
8
|
export { Collapsible, CollapsibleContent, CollapsibleTrigger };
|
|
@@ -3,7 +3,6 @@ import { selectTriggerVariants } from "./select-trigger-variants.mjs";
|
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import { ReactNode } from "react";
|
|
5
5
|
import { Command } from "cmdk";
|
|
6
|
-
|
|
7
6
|
//#region src/components/combobox.d.ts
|
|
8
7
|
interface ComboboxBaseProps {
|
|
9
8
|
children: ReactNode;
|
|
@@ -30,58 +29,23 @@ declare function Combobox(props: ComboboxProps): import("react").JSX.Element;
|
|
|
30
29
|
interface ComboboxTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size">, VariantProps<typeof selectTriggerVariants> {
|
|
31
30
|
placeholder?: string;
|
|
32
31
|
}
|
|
33
|
-
declare function ComboboxTrigger({
|
|
34
|
-
className,
|
|
35
|
-
size,
|
|
36
|
-
placeholder,
|
|
37
|
-
children,
|
|
38
|
-
...props
|
|
39
|
-
}: ComboboxTriggerProps): import("react").JSX.Element;
|
|
32
|
+
declare function ComboboxTrigger({ className, size, placeholder, children, ...props }: ComboboxTriggerProps): import("react").JSX.Element;
|
|
40
33
|
interface ComboboxContentProps extends React.ComponentProps<typeof PopoverContent> {
|
|
41
34
|
className?: string;
|
|
42
35
|
children?: ReactNode;
|
|
43
36
|
filter?: React.ComponentProps<typeof Command>["filter"];
|
|
44
37
|
}
|
|
45
|
-
declare function ComboboxContent({
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}:
|
|
51
|
-
declare function ComboboxSearch({
|
|
52
|
-
className,
|
|
53
|
-
...props
|
|
54
|
-
}: React.ComponentProps<typeof Command.Input>): import("react").JSX.Element;
|
|
55
|
-
declare function ComboboxList({
|
|
56
|
-
className,
|
|
57
|
-
...props
|
|
58
|
-
}: React.ComponentProps<typeof Command.List>): import("react").JSX.Element;
|
|
59
|
-
declare function ComboboxEmpty({
|
|
60
|
-
className,
|
|
61
|
-
...props
|
|
62
|
-
}: React.ComponentProps<typeof Command.Empty>): import("react").JSX.Element;
|
|
63
|
-
declare function ComboboxGroup({
|
|
64
|
-
className,
|
|
65
|
-
...props
|
|
66
|
-
}: React.ComponentProps<typeof Command.Group>): import("react").JSX.Element;
|
|
67
|
-
declare function ComboboxSeparator({
|
|
68
|
-
className,
|
|
69
|
-
...props
|
|
70
|
-
}: React.ComponentProps<typeof Command.Separator>): import("react").JSX.Element;
|
|
38
|
+
declare function ComboboxContent({ className, children, filter, ...props }: ComboboxContentProps): import("react").JSX.Element;
|
|
39
|
+
declare function ComboboxSearch({ className, ...props }: React.ComponentProps<typeof Command.Input>): import("react").JSX.Element;
|
|
40
|
+
declare function ComboboxList({ className, ...props }: React.ComponentProps<typeof Command.List>): import("react").JSX.Element;
|
|
41
|
+
declare function ComboboxEmpty({ className, ...props }: React.ComponentProps<typeof Command.Empty>): import("react").JSX.Element;
|
|
42
|
+
declare function ComboboxGroup({ className, ...props }: React.ComponentProps<typeof Command.Group>): import("react").JSX.Element;
|
|
43
|
+
declare function ComboboxSeparator({ className, ...props }: React.ComponentProps<typeof Command.Separator>): import("react").JSX.Element;
|
|
71
44
|
interface ComboboxItemProps extends Omit<React.ComponentProps<typeof Command.Item>, "onSelect"> {
|
|
72
45
|
/** The value stored when this item is selected */
|
|
73
46
|
itemValue: string;
|
|
74
47
|
}
|
|
75
|
-
declare function ComboboxItem({
|
|
76
|
-
|
|
77
|
-
children,
|
|
78
|
-
itemValue,
|
|
79
|
-
...props
|
|
80
|
-
}: ComboboxItemProps): import("react").JSX.Element;
|
|
81
|
-
declare function ComboboxItemText({
|
|
82
|
-
className,
|
|
83
|
-
children,
|
|
84
|
-
...props
|
|
85
|
-
}: React.HTMLAttributes<HTMLSpanElement>): import("react").JSX.Element;
|
|
48
|
+
declare function ComboboxItem({ className, children, itemValue, ...props }: ComboboxItemProps): import("react").JSX.Element;
|
|
49
|
+
declare function ComboboxItemText({ className, children, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react").JSX.Element;
|
|
86
50
|
//#endregion
|
|
87
51
|
export { Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxItem, ComboboxItemText, ComboboxList, ComboboxSearch, ComboboxSeparator, ComboboxTrigger };
|
|
@@ -1,37 +1,13 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
import { Command as Command$1 } from "cmdk";
|
|
3
|
-
|
|
4
3
|
//#region src/components/command.d.ts
|
|
5
|
-
declare function Command({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}: React$1.ComponentProps<typeof Command$1>): React$1.JSX.Element;
|
|
9
|
-
declare function
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}: React$1.ComponentProps<
|
|
13
|
-
declare function CommandList({
|
|
14
|
-
className,
|
|
15
|
-
...props
|
|
16
|
-
}: React$1.ComponentProps<typeof Command$1.List>): React$1.JSX.Element;
|
|
17
|
-
declare function CommandEmpty({
|
|
18
|
-
...props
|
|
19
|
-
}: React$1.ComponentProps<typeof Command$1.Empty>): React$1.JSX.Element;
|
|
20
|
-
declare function CommandGroup({
|
|
21
|
-
className,
|
|
22
|
-
...props
|
|
23
|
-
}: React$1.ComponentProps<typeof Command$1.Group>): React$1.JSX.Element;
|
|
24
|
-
declare function CommandSeparator({
|
|
25
|
-
className,
|
|
26
|
-
...props
|
|
27
|
-
}: React$1.ComponentProps<typeof Command$1.Separator>): React$1.JSX.Element;
|
|
28
|
-
declare function CommandItem({
|
|
29
|
-
className,
|
|
30
|
-
...props
|
|
31
|
-
}: React$1.ComponentProps<typeof Command$1.Item>): React$1.JSX.Element;
|
|
32
|
-
declare function CommandShortcut({
|
|
33
|
-
className,
|
|
34
|
-
...props
|
|
35
|
-
}: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
4
|
+
declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): React$1.JSX.Element;
|
|
5
|
+
declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): React$1.JSX.Element;
|
|
6
|
+
declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): React$1.JSX.Element;
|
|
7
|
+
declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): React$1.JSX.Element;
|
|
8
|
+
declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): React$1.JSX.Element;
|
|
9
|
+
declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): React$1.JSX.Element;
|
|
10
|
+
declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): React$1.JSX.Element;
|
|
11
|
+
declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
|
|
36
12
|
//#endregion
|
|
37
13
|
export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
|
|
@@ -1,21 +1,14 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
|
-
|
|
3
2
|
//#region src/components/copyable.d.ts
|
|
4
3
|
interface CopyableProps {
|
|
5
4
|
content: string;
|
|
6
5
|
children: ReactNode;
|
|
7
6
|
className?: string;
|
|
8
7
|
}
|
|
9
|
-
declare function Copyable({
|
|
10
|
-
content,
|
|
11
|
-
children,
|
|
12
|
-
className
|
|
13
|
-
}: CopyableProps): import("react").JSX.Element;
|
|
8
|
+
declare function Copyable({ content, children, className }: CopyableProps): import("react").JSX.Element;
|
|
14
9
|
interface CopyableUrlProps {
|
|
15
10
|
url: URL;
|
|
16
11
|
}
|
|
17
|
-
declare function CopyableUrl({
|
|
18
|
-
url
|
|
19
|
-
}: CopyableUrlProps): import("react").JSX.Element;
|
|
12
|
+
declare function CopyableUrl({ url }: CopyableUrlProps): import("react").JSX.Element;
|
|
20
13
|
//#endregion
|
|
21
14
|
export { Copyable, type CopyableProps, CopyableUrl, type CopyableUrlProps };
|
|
@@ -1,21 +1,8 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
|
|
3
2
|
//#region src/components/description-list.d.ts
|
|
4
|
-
declare function DescriptionList({
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}: React$1.ComponentProps<"
|
|
8
|
-
declare function DescriptionItem({
|
|
9
|
-
className,
|
|
10
|
-
...props
|
|
11
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
12
|
-
declare function DescriptionTitle({
|
|
13
|
-
className,
|
|
14
|
-
...props
|
|
15
|
-
}: React$1.ComponentProps<"dt">): React$1.JSX.Element;
|
|
16
|
-
declare function DescriptionValue({
|
|
17
|
-
className,
|
|
18
|
-
...props
|
|
19
|
-
}: React$1.ComponentProps<"dd">): React$1.JSX.Element;
|
|
3
|
+
declare function DescriptionList({ className, ...props }: React$1.ComponentProps<"dl">): React$1.JSX.Element;
|
|
4
|
+
declare function DescriptionItem({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
5
|
+
declare function DescriptionTitle({ className, ...props }: React$1.ComponentProps<"dt">): React$1.JSX.Element;
|
|
6
|
+
declare function DescriptionValue({ className, ...props }: React$1.ComponentProps<"dd">): React$1.JSX.Element;
|
|
20
7
|
//#endregion
|
|
21
8
|
export { DescriptionItem, DescriptionList, DescriptionTitle, DescriptionValue };
|
|
@@ -2,58 +2,26 @@ import { ButtonProps } from "./button.mjs";
|
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
3
|
import * as React$1 from "react";
|
|
4
4
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
5
|
-
|
|
6
5
|
//#region src/components/dialog.d.ts
|
|
7
|
-
declare function Dialog({
|
|
8
|
-
|
|
9
|
-
}: React$1.ComponentProps<typeof DialogPrimitive.
|
|
10
|
-
declare function
|
|
11
|
-
...props
|
|
12
|
-
}: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): React$1.JSX.Element;
|
|
13
|
-
declare function DialogPortal({
|
|
14
|
-
...props
|
|
15
|
-
}: React$1.ComponentProps<typeof DialogPrimitive.Portal>): React$1.JSX.Element;
|
|
16
|
-
declare function DialogOverlay({
|
|
17
|
-
className,
|
|
18
|
-
...props
|
|
19
|
-
}: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): React$1.JSX.Element;
|
|
6
|
+
declare function Dialog({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): React$1.JSX.Element;
|
|
7
|
+
declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): React$1.JSX.Element;
|
|
8
|
+
declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): React$1.JSX.Element;
|
|
9
|
+
declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): React$1.JSX.Element;
|
|
20
10
|
declare const dialogContentVariants: (props?: ({
|
|
21
11
|
size?: "sm" | "lg" | null | undefined;
|
|
22
12
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
23
13
|
interface DialogContentProps extends React$1.ComponentProps<typeof DialogPrimitive.Content>, VariantProps<typeof dialogContentVariants> {
|
|
24
14
|
showCloseButton?: boolean;
|
|
25
15
|
}
|
|
26
|
-
declare function DialogContent({
|
|
27
|
-
|
|
28
|
-
children,
|
|
29
|
-
size,
|
|
30
|
-
showCloseButton,
|
|
31
|
-
...props
|
|
32
|
-
}: DialogContentProps): React$1.JSX.Element;
|
|
33
|
-
declare function DialogHeader({
|
|
34
|
-
className,
|
|
35
|
-
...props
|
|
36
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
16
|
+
declare function DialogContent({ className, children, size, showCloseButton, ...props }: DialogContentProps): React$1.JSX.Element;
|
|
17
|
+
declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
37
18
|
declare const dialogFooterVariants: (props?: ({
|
|
38
19
|
layout?: "horizontal" | "vertical" | null | undefined;
|
|
39
20
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
40
21
|
interface DialogFooterProps extends React$1.ComponentProps<"div">, VariantProps<typeof dialogFooterVariants> {}
|
|
41
|
-
declare function DialogFooter({
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}: DialogFooterProps): React$1.JSX.Element;
|
|
46
|
-
declare function DialogTitle({
|
|
47
|
-
className,
|
|
48
|
-
...props
|
|
49
|
-
}: React$1.ComponentProps<typeof DialogPrimitive.Title>): React$1.JSX.Element;
|
|
50
|
-
declare function DialogClose({
|
|
51
|
-
children,
|
|
52
|
-
...props
|
|
53
|
-
}: Omit<ButtonProps, "variant" | "asChild">): React$1.JSX.Element;
|
|
54
|
-
declare function DialogDescription({
|
|
55
|
-
className,
|
|
56
|
-
...props
|
|
57
|
-
}: React$1.ComponentProps<typeof DialogPrimitive.Description>): React$1.JSX.Element;
|
|
22
|
+
declare function DialogFooter({ className, layout, ...props }: DialogFooterProps): React$1.JSX.Element;
|
|
23
|
+
declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): React$1.JSX.Element;
|
|
24
|
+
declare function DialogClose({ children, ...props }: Omit<ButtonProps, "variant" | "asChild">): React$1.JSX.Element;
|
|
25
|
+
declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): React$1.JSX.Element;
|
|
58
26
|
//#endregion
|
|
59
27
|
export { Dialog, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, type DialogFooterProps, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants, dialogFooterVariants };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ChartPaletteName } from "../lib/chart-palette.mjs";
|
|
2
2
|
import * as React$1 from "react";
|
|
3
|
-
|
|
4
3
|
//#region src/components/donut-chart.d.ts
|
|
5
4
|
declare const GEOMETRY: {
|
|
6
5
|
readonly donut: {
|
|
@@ -27,20 +26,6 @@ interface DonutChartProps {
|
|
|
27
26
|
labelFormatter?: (label: string | number) => string;
|
|
28
27
|
className?: string;
|
|
29
28
|
}
|
|
30
|
-
declare function DonutChart({
|
|
31
|
-
data,
|
|
32
|
-
index,
|
|
33
|
-
dataKey,
|
|
34
|
-
variant,
|
|
35
|
-
legend,
|
|
36
|
-
paddingAngle,
|
|
37
|
-
height,
|
|
38
|
-
palette,
|
|
39
|
-
centerLabel,
|
|
40
|
-
loading,
|
|
41
|
-
valueFormatter,
|
|
42
|
-
labelFormatter,
|
|
43
|
-
className
|
|
44
|
-
}: DonutChartProps): React$1.JSX.Element;
|
|
29
|
+
declare function DonutChart({ data, index, dataKey, variant, legend, paddingAngle, height, palette, centerLabel, loading, valueFormatter, labelFormatter, className }: DonutChartProps): React$1.JSX.Element;
|
|
45
30
|
//#endregion
|
|
46
31
|
export { DonutChart, DonutChartProps };
|