@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
|
@@ -3,11 +3,12 @@ import { cn } from "../lib/cn.mjs";
|
|
|
3
3
|
import { makeXAxisTick, resolveSeries } from "../lib/chart.mjs";
|
|
4
4
|
import { useChartContext } from "./chart-container.mjs";
|
|
5
5
|
import { ChartLegend } from "./chart-legend.mjs";
|
|
6
|
+
import { computeNumericMax, makeActiveDot, makeChartAxis, makeLastValueLabel, makeLegendItems, renderMarkers, renderReferenceLine } from "./chart-primitives.mjs";
|
|
6
7
|
import { ChartTooltipContent } from "./chart-tooltip.mjs";
|
|
7
8
|
import { Skeleton } from "./skeleton.mjs";
|
|
8
9
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
9
10
|
import * as React$1 from "react";
|
|
10
|
-
import { CartesianGrid, LabelList, Line, LineChart as LineChart$1,
|
|
11
|
+
import { CartesianGrid, LabelList, Line, LineChart as LineChart$1, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
|
|
11
12
|
//#region src/components/line-chart.tsx
|
|
12
13
|
const CURVE_TYPE = {
|
|
13
14
|
monotone: "monotone",
|
|
@@ -17,14 +18,7 @@ const CURVE_TYPE = {
|
|
|
17
18
|
function LineChart({ data, index, series, curve = "monotone", legend = false, legendAlign = "left", valueFlags = false, dots = false, height = 200, yAxisWidth = 48, palette, referenceLine, markers, lastValueLabel = false, loading = false, valueFormatter = (value) => value.toLocaleString("en-US"), labelFormatter, className }) {
|
|
18
19
|
const { palette: paletteColors, theme } = useChartContext(palette);
|
|
19
20
|
const resolved = resolveSeries(series, paletteColors, theme);
|
|
20
|
-
const numericMax = React$1.useMemo(() =>
|
|
21
|
-
let max = 0;
|
|
22
|
-
for (const row of data) for (const entry of series) {
|
|
23
|
-
const value = Number(row[entry.key]);
|
|
24
|
-
if (Number.isFinite(value) && value > max) max = value;
|
|
25
|
-
}
|
|
26
|
-
return max;
|
|
27
|
-
}, [data, series]);
|
|
21
|
+
const numericMax = React$1.useMemo(() => computeNumericMax(data, series, false), [data, series]);
|
|
28
22
|
const curveType = CURVE_TYPE[curve];
|
|
29
23
|
const margin = {
|
|
30
24
|
top: markers?.length ? 18 : 8,
|
|
@@ -32,63 +26,8 @@ function LineChart({ data, index, series, curve = "monotone", legend = false, le
|
|
|
32
26
|
bottom: 2,
|
|
33
27
|
left: 0
|
|
34
28
|
};
|
|
35
|
-
const axis =
|
|
36
|
-
|
|
37
|
-
tick: {
|
|
38
|
-
fill: theme.axisForeground,
|
|
39
|
-
fontSize: 10,
|
|
40
|
-
fontFamily: theme.fontMono
|
|
41
|
-
},
|
|
42
|
-
tickLine: false,
|
|
43
|
-
axisLine: {
|
|
44
|
-
stroke: theme.border,
|
|
45
|
-
strokeOpacity: .6
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
const legendItems = resolved.map((entry) => ({
|
|
49
|
-
name: entry.name,
|
|
50
|
-
color: entry.color,
|
|
51
|
-
dashed: entry.dashed
|
|
52
|
-
}));
|
|
53
|
-
const activeDotFor = (entry) => valueFlags ? (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
|
-
r: 3.5,
|
|
74
|
-
fill: entry.color,
|
|
75
|
-
stroke: theme.card,
|
|
76
|
-
strokeWidth: 2
|
|
77
|
-
};
|
|
78
|
-
const renderLastLabel = (color) => (props) => {
|
|
79
|
-
if (props.index !== data.length - 1 || props.x == null || props.y == null) return null;
|
|
80
|
-
return /* @__PURE__ */ jsx("text", {
|
|
81
|
-
x: Number(props.x) + 6,
|
|
82
|
-
y: Number(props.y),
|
|
83
|
-
dy: 3,
|
|
84
|
-
fill: color,
|
|
85
|
-
fontFamily: theme.fontMono,
|
|
86
|
-
fontSize: 10,
|
|
87
|
-
textAnchor: "start",
|
|
88
|
-
style: { fontVariantNumeric: "tabular-nums" },
|
|
89
|
-
children: valueFormatter(Number(props.value ?? 0))
|
|
90
|
-
});
|
|
91
|
-
};
|
|
29
|
+
const axis = makeChartAxis(theme);
|
|
30
|
+
const legendItems = makeLegendItems(resolved);
|
|
92
31
|
const isEmpty = data.length === 0 || resolved.length === 0;
|
|
93
32
|
return /* @__PURE__ */ jsxs("div", {
|
|
94
33
|
"data-slot": "line-chart",
|
|
@@ -144,25 +83,10 @@ function LineChart({ data, index, series, curve = "monotone", legend = false, le
|
|
|
144
83
|
labelFormatter
|
|
145
84
|
})
|
|
146
85
|
}),
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
fillOpacity: .06,
|
|
152
|
-
ifOverflow: "extendDomain"
|
|
153
|
-
}),
|
|
154
|
-
referenceLine && /* @__PURE__ */ jsx(ReferenceLine, {
|
|
155
|
-
y: referenceLine.y,
|
|
156
|
-
stroke: theme.warning,
|
|
157
|
-
strokeDasharray: "4 4",
|
|
158
|
-
strokeOpacity: .6,
|
|
159
|
-
label: referenceLine.label ? {
|
|
160
|
-
value: referenceLine.label,
|
|
161
|
-
fill: theme.warning,
|
|
162
|
-
fontSize: 9,
|
|
163
|
-
fontFamily: theme.fontMono,
|
|
164
|
-
position: "insideBottomRight"
|
|
165
|
-
} : void 0
|
|
86
|
+
renderReferenceLine({
|
|
87
|
+
referenceLine,
|
|
88
|
+
numericMax,
|
|
89
|
+
theme
|
|
166
90
|
}),
|
|
167
91
|
resolved.map((entry) => /* @__PURE__ */ jsx(Line, {
|
|
168
92
|
type: curveType,
|
|
@@ -176,30 +100,24 @@ function LineChart({ data, index, series, curve = "monotone", legend = false, le
|
|
|
176
100
|
fill: entry.color,
|
|
177
101
|
strokeWidth: 0
|
|
178
102
|
} : false,
|
|
179
|
-
activeDot:
|
|
103
|
+
activeDot: makeActiveDot(entry, {
|
|
104
|
+
valueFlags,
|
|
105
|
+
theme,
|
|
106
|
+
valueFormatter
|
|
107
|
+
}),
|
|
180
108
|
isAnimationActive: false,
|
|
181
109
|
animationDuration: 650,
|
|
182
110
|
animationEasing: "ease-out",
|
|
183
111
|
children: lastValueLabel && /* @__PURE__ */ jsx(LabelList, {
|
|
184
112
|
dataKey: entry.key,
|
|
185
|
-
content:
|
|
113
|
+
content: makeLastValueLabel(entry.color, {
|
|
114
|
+
dataLength: data.length,
|
|
115
|
+
theme,
|
|
116
|
+
valueFormatter
|
|
117
|
+
})
|
|
186
118
|
})
|
|
187
119
|
}, entry.key)),
|
|
188
|
-
markers
|
|
189
|
-
x: marker.x,
|
|
190
|
-
y: marker.y,
|
|
191
|
-
r: 3.5,
|
|
192
|
-
fill: marker.color ?? theme.foreground,
|
|
193
|
-
stroke: theme.card,
|
|
194
|
-
strokeWidth: 2,
|
|
195
|
-
label: marker.label ? {
|
|
196
|
-
value: marker.label,
|
|
197
|
-
fill: marker.color ?? theme.foreground,
|
|
198
|
-
fontSize: 9,
|
|
199
|
-
fontFamily: theme.fontMono,
|
|
200
|
-
position: "top"
|
|
201
|
-
} : void 0
|
|
202
|
-
}, `${marker.x}-${marker.y}`))
|
|
120
|
+
renderMarkers(markers, theme)
|
|
203
121
|
]
|
|
204
122
|
})
|
|
205
123
|
})
|
|
@@ -2,8 +2,6 @@
|
|
|
2
2
|
interface PageLoaderProps {
|
|
3
3
|
className?: string;
|
|
4
4
|
}
|
|
5
|
-
declare function PageLoader({
|
|
6
|
-
className
|
|
7
|
-
}: PageLoaderProps): import("react").JSX.Element;
|
|
5
|
+
declare function PageLoader({ className }: PageLoaderProps): import("react").JSX.Element;
|
|
8
6
|
//#endregion
|
|
9
7
|
export { PageLoader, type PageLoaderProps };
|
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
|
|
3
2
|
//#region src/components/pagination.d.ts
|
|
4
3
|
interface PaginationProps extends React$1.ComponentProps<"nav"> {
|
|
5
4
|
currentPage: number;
|
|
6
5
|
totalPages: number;
|
|
7
6
|
onPageChange: (page: number) => void;
|
|
8
7
|
}
|
|
9
|
-
declare function Pagination({
|
|
10
|
-
currentPage,
|
|
11
|
-
totalPages,
|
|
12
|
-
onPageChange,
|
|
13
|
-
className,
|
|
14
|
-
...props
|
|
15
|
-
}: PaginationProps): React$1.JSX.Element | null;
|
|
8
|
+
declare function Pagination({ currentPage, totalPages, onPageChange, className, ...props }: PaginationProps): React$1.JSX.Element | null;
|
|
16
9
|
//#endregion
|
|
17
10
|
export { Pagination, type PaginationProps };
|
|
@@ -1,21 +1,9 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
import * as PopoverPrimitive from "@radix-ui/react-popover";
|
|
3
|
-
|
|
4
3
|
//#region src/components/popover.d.ts
|
|
5
|
-
declare function Popover({
|
|
6
|
-
|
|
7
|
-
}: React$1.ComponentProps<typeof PopoverPrimitive.
|
|
8
|
-
declare function
|
|
9
|
-
...props
|
|
10
|
-
}: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): React$1.JSX.Element;
|
|
11
|
-
declare function PopoverAnchor({
|
|
12
|
-
...props
|
|
13
|
-
}: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): React$1.JSX.Element;
|
|
14
|
-
declare function PopoverContent({
|
|
15
|
-
className,
|
|
16
|
-
align,
|
|
17
|
-
sideOffset,
|
|
18
|
-
...props
|
|
19
|
-
}: React$1.ComponentProps<typeof PopoverPrimitive.Content>): React$1.JSX.Element;
|
|
4
|
+
declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): React$1.JSX.Element;
|
|
5
|
+
declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): React$1.JSX.Element;
|
|
6
|
+
declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): React$1.JSX.Element;
|
|
7
|
+
declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): React$1.JSX.Element;
|
|
20
8
|
//#endregion
|
|
21
9
|
export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
|
|
@@ -1,14 +1,7 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
|
|
3
|
-
|
|
4
3
|
//#region src/components/radio-group.d.ts
|
|
5
|
-
declare function RadioGroup({
|
|
6
|
-
|
|
7
|
-
...props
|
|
8
|
-
}: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): React$1.JSX.Element;
|
|
9
|
-
declare function RadioGroupItem({
|
|
10
|
-
className,
|
|
11
|
-
...props
|
|
12
|
-
}: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): React$1.JSX.Element;
|
|
4
|
+
declare function RadioGroup({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Root>): React$1.JSX.Element;
|
|
5
|
+
declare function RadioGroupItem({ className, ...props }: React$1.ComponentProps<typeof RadioGroupPrimitive.Item>): React$1.JSX.Element;
|
|
13
6
|
//#endregion
|
|
14
7
|
export { RadioGroup, RadioGroupItem };
|
|
@@ -1,16 +1,7 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
|
|
3
|
-
|
|
4
3
|
//#region src/components/scroll-area.d.ts
|
|
5
|
-
declare function ScrollArea({
|
|
6
|
-
|
|
7
|
-
children,
|
|
8
|
-
...props
|
|
9
|
-
}: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): React$1.JSX.Element;
|
|
10
|
-
declare function ScrollBar({
|
|
11
|
-
className,
|
|
12
|
-
orientation,
|
|
13
|
-
...props
|
|
14
|
-
}: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React$1.JSX.Element;
|
|
4
|
+
declare function ScrollArea({ className, children, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.Root>): React$1.JSX.Element;
|
|
5
|
+
declare function ScrollBar({ className, orientation, ...props }: React$1.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): React$1.JSX.Element;
|
|
15
6
|
//#endregion
|
|
16
7
|
export { ScrollArea, ScrollBar };
|
|
@@ -2,41 +2,14 @@ import { selectTriggerVariants } from "./select-trigger-variants.mjs";
|
|
|
2
2
|
import { VariantProps } from "class-variance-authority";
|
|
3
3
|
import * as React$1 from "react";
|
|
4
4
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
5
|
-
|
|
6
5
|
//#region src/components/select.d.ts
|
|
7
|
-
declare function Select({
|
|
8
|
-
|
|
9
|
-
}: React$1.ComponentProps<typeof SelectPrimitive.
|
|
10
|
-
declare function
|
|
11
|
-
|
|
12
|
-
}: React$1.ComponentProps<typeof SelectPrimitive.
|
|
13
|
-
declare function
|
|
14
|
-
|
|
15
|
-
}: React$1.ComponentProps<typeof SelectPrimitive.Value>): React$1.JSX.Element;
|
|
16
|
-
declare function SelectTrigger({
|
|
17
|
-
className,
|
|
18
|
-
size,
|
|
19
|
-
children,
|
|
20
|
-
...props
|
|
21
|
-
}: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & VariantProps<typeof selectTriggerVariants>): React$1.JSX.Element;
|
|
22
|
-
declare function SelectContent({
|
|
23
|
-
className,
|
|
24
|
-
children,
|
|
25
|
-
position,
|
|
26
|
-
...props
|
|
27
|
-
}: React$1.ComponentProps<typeof SelectPrimitive.Content>): React$1.JSX.Element;
|
|
28
|
-
declare function SelectLabel({
|
|
29
|
-
className,
|
|
30
|
-
...props
|
|
31
|
-
}: React$1.ComponentProps<typeof SelectPrimitive.Label>): React$1.JSX.Element;
|
|
32
|
-
declare function SelectItem({
|
|
33
|
-
className,
|
|
34
|
-
children,
|
|
35
|
-
...props
|
|
36
|
-
}: React$1.ComponentProps<typeof SelectPrimitive.Item>): React$1.JSX.Element;
|
|
37
|
-
declare function SelectSeparator({
|
|
38
|
-
className,
|
|
39
|
-
...props
|
|
40
|
-
}: React$1.ComponentProps<typeof SelectPrimitive.Separator>): React$1.JSX.Element;
|
|
6
|
+
declare function Select({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Root>): React$1.JSX.Element;
|
|
7
|
+
declare function SelectGroup({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Group>): React$1.JSX.Element;
|
|
8
|
+
declare function SelectValue({ ...props }: React$1.ComponentProps<typeof SelectPrimitive.Value>): React$1.JSX.Element;
|
|
9
|
+
declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Trigger> & VariantProps<typeof selectTriggerVariants>): React$1.JSX.Element;
|
|
10
|
+
declare function SelectContent({ className, children, position, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Content>): React$1.JSX.Element;
|
|
11
|
+
declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Label>): React$1.JSX.Element;
|
|
12
|
+
declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Item>): React$1.JSX.Element;
|
|
13
|
+
declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof SelectPrimitive.Separator>): React$1.JSX.Element;
|
|
41
14
|
//#endregion
|
|
42
15
|
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, selectTriggerVariants };
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
import * as SeparatorPrimitive from "@radix-ui/react-separator";
|
|
3
|
-
|
|
4
3
|
//#region src/components/separator.d.ts
|
|
5
|
-
declare function Separator({
|
|
6
|
-
className,
|
|
7
|
-
orientation,
|
|
8
|
-
decorative,
|
|
9
|
-
...props
|
|
10
|
-
}: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): React$1.JSX.Element;
|
|
4
|
+
declare function Separator({ className, orientation, decorative, ...props }: React$1.ComponentProps<typeof SeparatorPrimitive.Root>): React$1.JSX.Element;
|
|
11
5
|
//#endregion
|
|
12
6
|
export { Separator };
|
|
@@ -1,42 +1,16 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
import * as SheetPrimitive from "@radix-ui/react-dialog";
|
|
3
|
-
|
|
4
3
|
//#region src/components/sheet.d.ts
|
|
5
|
-
declare function Sheet({
|
|
6
|
-
|
|
7
|
-
}: React$1.ComponentProps<typeof SheetPrimitive.
|
|
8
|
-
declare function
|
|
9
|
-
|
|
10
|
-
}: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): React$1.JSX.Element;
|
|
11
|
-
declare function SheetClose({
|
|
12
|
-
...props
|
|
13
|
-
}: React$1.ComponentProps<typeof SheetPrimitive.Close>): React$1.JSX.Element;
|
|
14
|
-
declare function SheetPortal({
|
|
15
|
-
...props
|
|
16
|
-
}: React$1.ComponentProps<typeof SheetPrimitive.Portal>): React$1.JSX.Element;
|
|
17
|
-
declare function SheetContent({
|
|
18
|
-
className,
|
|
19
|
-
children,
|
|
20
|
-
side,
|
|
21
|
-
...props
|
|
22
|
-
}: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
4
|
+
declare function Sheet({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Root>): React$1.JSX.Element;
|
|
5
|
+
declare function SheetTrigger({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Trigger>): React$1.JSX.Element;
|
|
6
|
+
declare function SheetClose({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Close>): React$1.JSX.Element;
|
|
7
|
+
declare function SheetPortal({ ...props }: React$1.ComponentProps<typeof SheetPrimitive.Portal>): React$1.JSX.Element;
|
|
8
|
+
declare function SheetContent({ className, children, side, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Content> & {
|
|
23
9
|
side?: "top" | "right" | "bottom" | "left";
|
|
24
10
|
}): React$1.JSX.Element;
|
|
25
|
-
declare function SheetHeader({
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}: React$1.ComponentProps<
|
|
29
|
-
declare function SheetFooter({
|
|
30
|
-
className,
|
|
31
|
-
...props
|
|
32
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
33
|
-
declare function SheetTitle({
|
|
34
|
-
className,
|
|
35
|
-
...props
|
|
36
|
-
}: React$1.ComponentProps<typeof SheetPrimitive.Title>): React$1.JSX.Element;
|
|
37
|
-
declare function SheetDescription({
|
|
38
|
-
className,
|
|
39
|
-
...props
|
|
40
|
-
}: React$1.ComponentProps<typeof SheetPrimitive.Description>): React$1.JSX.Element;
|
|
11
|
+
declare function SheetHeader({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
12
|
+
declare function SheetFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
13
|
+
declare function SheetTitle({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Title>): React$1.JSX.Element;
|
|
14
|
+
declare function SheetDescription({ className, ...props }: React$1.ComponentProps<typeof SheetPrimitive.Description>): React$1.JSX.Element;
|
|
41
15
|
//#endregion
|
|
42
16
|
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetPortal, SheetTitle, SheetTrigger };
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
2
|
//#region src/components/shimmer-text.d.ts
|
|
4
|
-
declare function ShimmerText({
|
|
5
|
-
children,
|
|
6
|
-
className
|
|
7
|
-
}: {
|
|
3
|
+
declare function ShimmerText({ children, className }: {
|
|
8
4
|
children: string | number;
|
|
9
5
|
className?: string;
|
|
10
6
|
}): React.JSX.Element;
|
|
@@ -2,7 +2,6 @@ import { Button } from "./button.mjs";
|
|
|
2
2
|
import { TooltipContent } from "./tooltip.mjs";
|
|
3
3
|
import { VariantProps } from "class-variance-authority";
|
|
4
4
|
import * as React$1 from "react";
|
|
5
|
-
|
|
6
5
|
//#region src/components/sidebar.d.ts
|
|
7
6
|
type SidebarContextProps = {
|
|
8
7
|
state: "expanded" | "collapsed";
|
|
@@ -14,145 +13,55 @@ type SidebarContextProps = {
|
|
|
14
13
|
toggleSidebar: () => void;
|
|
15
14
|
};
|
|
16
15
|
declare function useSidebar(): SidebarContextProps;
|
|
17
|
-
declare function SidebarProvider({
|
|
18
|
-
defaultOpen,
|
|
19
|
-
open: openProp,
|
|
20
|
-
onOpenChange: setOpenProp,
|
|
21
|
-
className,
|
|
22
|
-
style,
|
|
23
|
-
children,
|
|
24
|
-
...props
|
|
25
|
-
}: React$1.ComponentProps<"div"> & {
|
|
16
|
+
declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React$1.ComponentProps<"div"> & {
|
|
26
17
|
defaultOpen?: boolean;
|
|
27
18
|
open?: boolean;
|
|
28
19
|
onOpenChange?: (open: boolean) => void;
|
|
29
20
|
}): React$1.JSX.Element;
|
|
30
|
-
declare function Sidebar({
|
|
31
|
-
side,
|
|
32
|
-
variant,
|
|
33
|
-
collapsible,
|
|
34
|
-
className,
|
|
35
|
-
children,
|
|
36
|
-
...props
|
|
37
|
-
}: React$1.ComponentProps<"div"> & {
|
|
21
|
+
declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React$1.ComponentProps<"div"> & {
|
|
38
22
|
side?: "left" | "right";
|
|
39
23
|
variant?: "sidebar" | "floating" | "inset";
|
|
40
24
|
collapsible?: "offcanvas" | "icon" | "none";
|
|
41
25
|
}): React$1.JSX.Element;
|
|
42
|
-
declare function SidebarTrigger({
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
...props
|
|
46
|
-
}: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
|
|
47
|
-
declare function SidebarRail({
|
|
48
|
-
className,
|
|
49
|
-
...props
|
|
50
|
-
}: React$1.ComponentProps<"button">): React$1.JSX.Element;
|
|
51
|
-
declare function SidebarInset({
|
|
52
|
-
className,
|
|
53
|
-
...props
|
|
54
|
-
}: React$1.ComponentProps<"main">): React$1.JSX.Element;
|
|
26
|
+
declare function SidebarTrigger({ className, onClick, ...props }: React$1.ComponentProps<typeof Button>): React$1.JSX.Element;
|
|
27
|
+
declare function SidebarRail({ className, ...props }: React$1.ComponentProps<"button">): React$1.JSX.Element;
|
|
28
|
+
declare function SidebarInset({ className, ...props }: React$1.ComponentProps<"main">): React$1.JSX.Element;
|
|
55
29
|
interface SidebarHeaderProps extends React$1.ComponentProps<"div"> {
|
|
56
30
|
icon?: React$1.ReactNode;
|
|
57
31
|
title?: string;
|
|
58
32
|
}
|
|
59
|
-
declare function SidebarHeader({
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
}: SidebarHeaderProps): React$1.JSX.Element;
|
|
66
|
-
declare function SidebarFooter({
|
|
67
|
-
className,
|
|
68
|
-
...props
|
|
69
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
70
|
-
declare function SidebarSeparator({
|
|
71
|
-
className
|
|
72
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
73
|
-
declare function SidebarContent({
|
|
74
|
-
className,
|
|
75
|
-
...props
|
|
76
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
77
|
-
declare function SidebarGroup({
|
|
78
|
-
className,
|
|
79
|
-
...props
|
|
80
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
81
|
-
declare function SidebarGroupLabel({
|
|
82
|
-
className,
|
|
83
|
-
asChild,
|
|
84
|
-
...props
|
|
85
|
-
}: React$1.ComponentProps<"div"> & {
|
|
33
|
+
declare function SidebarHeader({ className, icon, title, children, ...props }: SidebarHeaderProps): React$1.JSX.Element;
|
|
34
|
+
declare function SidebarFooter({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
35
|
+
declare function SidebarSeparator({ className }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
36
|
+
declare function SidebarContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
37
|
+
declare function SidebarGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
38
|
+
declare function SidebarGroupLabel({ className, asChild, ...props }: React$1.ComponentProps<"div"> & {
|
|
86
39
|
asChild?: boolean;
|
|
87
40
|
}): React$1.JSX.Element;
|
|
88
|
-
declare function SidebarGroupAction({
|
|
89
|
-
className,
|
|
90
|
-
asChild,
|
|
91
|
-
...props
|
|
92
|
-
}: React$1.ComponentProps<"button"> & {
|
|
41
|
+
declare function SidebarGroupAction({ className, asChild, ...props }: React$1.ComponentProps<"button"> & {
|
|
93
42
|
asChild?: boolean;
|
|
94
43
|
}): React$1.JSX.Element;
|
|
95
|
-
declare function SidebarGroupContent({
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
99
|
-
declare function SidebarMenu({
|
|
100
|
-
className,
|
|
101
|
-
...props
|
|
102
|
-
}: React$1.ComponentProps<"ul">): React$1.JSX.Element;
|
|
103
|
-
declare function SidebarMenuItem({
|
|
104
|
-
className,
|
|
105
|
-
...props
|
|
106
|
-
}: React$1.ComponentProps<"li">): React$1.JSX.Element;
|
|
44
|
+
declare function SidebarGroupContent({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
45
|
+
declare function SidebarMenu({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
|
|
46
|
+
declare function SidebarMenuItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
|
|
107
47
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
108
48
|
variant?: "default" | "outline" | null | undefined;
|
|
109
49
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
110
50
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
111
|
-
declare function SidebarMenuButton({
|
|
112
|
-
asChild,
|
|
113
|
-
isActive,
|
|
114
|
-
variant,
|
|
115
|
-
size,
|
|
116
|
-
tooltip,
|
|
117
|
-
className,
|
|
118
|
-
...props
|
|
119
|
-
}: React$1.ComponentProps<"button"> & {
|
|
51
|
+
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React$1.ComponentProps<"button"> & {
|
|
120
52
|
asChild?: boolean;
|
|
121
53
|
isActive?: boolean;
|
|
122
54
|
tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
|
|
123
55
|
} & VariantProps<typeof sidebarMenuButtonVariants>): React$1.JSX.Element;
|
|
124
|
-
declare function SidebarMenuAction({
|
|
125
|
-
className,
|
|
126
|
-
asChild,
|
|
127
|
-
showOnHover,
|
|
128
|
-
...props
|
|
129
|
-
}: React$1.ComponentProps<"button"> & {
|
|
56
|
+
declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React$1.ComponentProps<"button"> & {
|
|
130
57
|
asChild?: boolean;
|
|
131
58
|
showOnHover?: boolean;
|
|
132
59
|
}): React$1.JSX.Element;
|
|
133
|
-
declare function SidebarMenuBadge({
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
}: React$1.ComponentProps<"
|
|
137
|
-
declare function
|
|
138
|
-
className,
|
|
139
|
-
...props
|
|
140
|
-
}: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
141
|
-
declare function SidebarMenuSub({
|
|
142
|
-
className,
|
|
143
|
-
...props
|
|
144
|
-
}: React$1.ComponentProps<"ul">): React$1.JSX.Element;
|
|
145
|
-
declare function SidebarMenuSubItem({
|
|
146
|
-
className,
|
|
147
|
-
...props
|
|
148
|
-
}: React$1.ComponentProps<"li">): React$1.JSX.Element;
|
|
149
|
-
declare function SidebarMenuSubButton({
|
|
150
|
-
asChild,
|
|
151
|
-
size,
|
|
152
|
-
isActive,
|
|
153
|
-
className,
|
|
154
|
-
...props
|
|
155
|
-
}: React$1.ComponentProps<"a"> & {
|
|
60
|
+
declare function SidebarMenuBadge({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
61
|
+
declare function SidebarMenuSkeleton({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
|
|
62
|
+
declare function SidebarMenuSub({ className, ...props }: React$1.ComponentProps<"ul">): React$1.JSX.Element;
|
|
63
|
+
declare function SidebarMenuSubItem({ className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
|
|
64
|
+
declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React$1.ComponentProps<"a"> & {
|
|
156
65
|
asChild?: boolean;
|
|
157
66
|
size?: "sm" | "md";
|
|
158
67
|
isActive?: boolean;
|
|
@@ -1,14 +1,9 @@
|
|
|
1
1
|
import { VariantProps } from "class-variance-authority";
|
|
2
|
-
|
|
3
2
|
//#region src/components/skeleton.d.ts
|
|
4
3
|
declare const skeletonVariants: (props?: ({
|
|
5
4
|
shape?: "rectangle" | "circle" | null | undefined;
|
|
6
5
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
6
|
interface SkeletonProps extends React.ComponentProps<"div">, VariantProps<typeof skeletonVariants> {}
|
|
8
|
-
declare function Skeleton({
|
|
9
|
-
className,
|
|
10
|
-
shape,
|
|
11
|
-
...props
|
|
12
|
-
}: SkeletonProps): import("react").JSX.Element;
|
|
7
|
+
declare function Skeleton({ className, shape, ...props }: SkeletonProps): import("react").JSX.Element;
|
|
13
8
|
//#endregion
|
|
14
9
|
export { Skeleton, skeletonVariants };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
2
|
import { Toaster as Toaster$1, toast } from "sonner";
|
|
3
|
-
|
|
4
3
|
//#region src/components/sonner.d.ts
|
|
5
4
|
type ToasterProps = React$1.ComponentProps<typeof Toaster$1>;
|
|
6
5
|
declare function Toaster(props: ToasterProps): React$1.JSX.Element;
|
|
@@ -17,12 +16,6 @@ interface ActionToastProps {
|
|
|
17
16
|
disabled?: boolean;
|
|
18
17
|
};
|
|
19
18
|
}
|
|
20
|
-
declare function ActionToast({
|
|
21
|
-
toastId,
|
|
22
|
-
title,
|
|
23
|
-
description,
|
|
24
|
-
onDismiss,
|
|
25
|
-
confirm
|
|
26
|
-
}: ActionToastProps): React$1.JSX.Element;
|
|
19
|
+
declare function ActionToast({ toastId, title, description, onDismiss, confirm }: ActionToastProps): React$1.JSX.Element;
|
|
27
20
|
//#endregion
|
|
28
21
|
export { ActionToast, type ActionToastProps, Toaster, type ToasterProps, toast };
|
|
@@ -1,28 +1,16 @@
|
|
|
1
1
|
import { VariantProps } from "class-variance-authority";
|
|
2
|
-
|
|
3
2
|
//#region src/components/spinner.d.ts
|
|
4
3
|
declare const spinnerVariants: (props?: ({
|
|
5
4
|
variant?: "secondary" | "primary" | null | undefined;
|
|
6
5
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
7
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
7
|
interface SpinnerProps extends Omit<React.ComponentProps<"svg">, "children">, VariantProps<typeof spinnerVariants> {}
|
|
9
|
-
declare function Spinner({
|
|
10
|
-
className,
|
|
11
|
-
variant,
|
|
12
|
-
size,
|
|
13
|
-
...props
|
|
14
|
-
}: SpinnerProps): import("react").JSX.Element;
|
|
8
|
+
declare function Spinner({ className, variant, size, ...props }: SpinnerProps): import("react").JSX.Element;
|
|
15
9
|
interface SpinnerBlockProps extends VariantProps<typeof spinnerVariants> {
|
|
16
10
|
className?: string;
|
|
17
11
|
fullscreen?: boolean;
|
|
18
12
|
withLabel?: boolean;
|
|
19
13
|
}
|
|
20
|
-
declare function SpinnerBlock({
|
|
21
|
-
className,
|
|
22
|
-
variant,
|
|
23
|
-
size,
|
|
24
|
-
fullscreen,
|
|
25
|
-
withLabel
|
|
26
|
-
}: SpinnerBlockProps): import("react").JSX.Element;
|
|
14
|
+
declare function SpinnerBlock({ className, variant, size, fullscreen, withLabel }: SpinnerBlockProps): import("react").JSX.Element;
|
|
27
15
|
//#endregion
|
|
28
16
|
export { Spinner, SpinnerBlock, type SpinnerBlockProps, type SpinnerProps, spinnerVariants };
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React$1 from "react";
|
|
2
|
-
|
|
3
2
|
//#region src/components/stat.d.ts
|
|
4
3
|
declare const statDeltaVariants: (props?: ({
|
|
5
4
|
sentiment?: "positive" | "negative" | null | undefined;
|
|
@@ -19,14 +18,6 @@ interface StatProps extends React$1.ComponentProps<"div"> {
|
|
|
19
18
|
}>;
|
|
20
19
|
semantic?: "error" | "warning" | "success";
|
|
21
20
|
}
|
|
22
|
-
declare function Stat({
|
|
23
|
-
value,
|
|
24
|
-
unit,
|
|
25
|
-
delta,
|
|
26
|
-
sparkline,
|
|
27
|
-
semantic,
|
|
28
|
-
className,
|
|
29
|
-
...props
|
|
30
|
-
}: StatProps): React$1.JSX.Element;
|
|
21
|
+
declare function Stat({ value, unit, delta, sparkline, semantic, className, ...props }: StatProps): React$1.JSX.Element;
|
|
31
22
|
//#endregion
|
|
32
23
|
export { Stat, StatDelta, StatProps, statDeltaVariants };
|