@turingpaper/ui 0.0.1-test.1 → 0.0.1-test.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/dist/accordion.mjs +46 -0
  2. package/dist/alert-dialog.mjs +113 -0
  3. package/dist/avatar.mjs +42 -0
  4. package/dist/badge.mjs +26 -0
  5. package/dist/breadcrumb.mjs +90 -0
  6. package/dist/button.mjs +26 -38
  7. package/dist/card.mjs +62 -96
  8. package/dist/chart.mjs +208 -0
  9. package/dist/checkbox.mjs +27 -0
  10. package/dist/collapsible.mjs +7 -0
  11. package/dist/command.mjs +109 -0
  12. package/dist/components/accordion.d.ts +6 -0
  13. package/dist/components/alert-dialog.d.ts +20 -0
  14. package/dist/components/avatar.d.ts +5 -0
  15. package/dist/components/badge.d.ts +9 -0
  16. package/dist/components/breadcrumb.d.ts +19 -0
  17. package/dist/components/button.d.ts +5 -4
  18. package/dist/components/card.d.ts +7 -10
  19. package/dist/components/chart.d.ts +62 -0
  20. package/dist/components/checkbox.d.ts +3 -0
  21. package/dist/components/collapsible.d.ts +4 -0
  22. package/dist/components/command.d.ts +80 -0
  23. package/dist/components/dialog.d.ts +19 -0
  24. package/dist/components/drawer.d.ts +22 -0
  25. package/dist/components/dropdown-menu.d.ts +23 -0
  26. package/dist/components/hover-card.d.ts +5 -0
  27. package/dist/components/input-group.d.ts +16 -0
  28. package/dist/components/input-otp.d.ts +34 -0
  29. package/dist/components/input.d.ts +1 -1
  30. package/dist/components/label.d.ts +3 -0
  31. package/dist/components/pagination.d.ts +28 -0
  32. package/dist/components/popover.d.ts +5 -0
  33. package/dist/components/progress.d.ts +3 -0
  34. package/dist/components/radio-group.d.ts +4 -0
  35. package/dist/components/scroll-area.d.ts +4 -0
  36. package/dist/components/select.d.ts +12 -0
  37. package/dist/components/separator.d.ts +3 -0
  38. package/dist/components/sheet.d.ts +25 -0
  39. package/dist/components/skeleton.d.ts +2 -0
  40. package/dist/components/slider.d.ts +3 -0
  41. package/dist/components/switch.d.ts +3 -0
  42. package/dist/components/table.d.ts +10 -0
  43. package/dist/components/tabs.d.ts +6 -0
  44. package/dist/components/textarea.d.ts +3 -0
  45. package/dist/components/toggle-group.d.ts +4 -0
  46. package/dist/components/toggle.d.ts +7 -0
  47. package/dist/components/tooltip.d.ts +6 -0
  48. package/dist/dialog.mjs +100 -0
  49. package/dist/drawer.mjs +98 -0
  50. package/dist/dropdown-menu.mjs +143 -0
  51. package/dist/hover-card.mjs +23 -0
  52. package/dist/input-group.mjs +141 -0
  53. package/dist/input-otp.mjs +48 -0
  54. package/dist/input.mjs +15 -13
  55. package/dist/label.mjs +19 -0
  56. package/dist/pagination.mjs +105 -0
  57. package/dist/popover.mjs +23 -0
  58. package/dist/progress.mjs +26 -0
  59. package/dist/provider.mjs +1 -1
  60. package/dist/radio-group.mjs +31 -0
  61. package/dist/scroll-area.mjs +38 -0
  62. package/dist/select.mjs +121 -0
  63. package/dist/separator.mjs +24 -0
  64. package/dist/sheet.mjs +110 -0
  65. package/dist/skeleton.mjs +17 -0
  66. package/dist/slider.mjs +23 -0
  67. package/dist/styles.css +1 -1
  68. package/dist/switch.mjs +27 -0
  69. package/dist/table.mjs +87 -0
  70. package/dist/tabs.mjs +46 -0
  71. package/dist/textarea.mjs +18 -0
  72. package/dist/toggle-group.mjs +41 -0
  73. package/dist/toggle.mjs +37 -0
  74. package/dist/tooltip.mjs +23 -0
  75. package/package.json +138 -2
package/dist/chart.mjs ADDED
@@ -0,0 +1,208 @@
1
+ import { jsx as s, jsxs as g, Fragment as T } from "react/jsx-runtime";
2
+ import * as f from "react";
3
+ import * as w from "recharts";
4
+ import { cn as i } from "./utils.mjs";
5
+ const P = { light: "", dark: ".dark" }, N = f.createContext(null);
6
+ function j() {
7
+ const a = f.useContext(N);
8
+ if (!a)
9
+ throw new Error("useChart must be used within a <ChartContainer />");
10
+ return a;
11
+ }
12
+ const I = f.forwardRef(({ id: a, className: e, children: n, config: r, ...c }, d) => {
13
+ const l = f.useId(), o = `chart-${a || l.replace(/:/g, "")}`;
14
+ return /* @__PURE__ */ s(N.Provider, { value: { config: r }, children: /* @__PURE__ */ g(
15
+ "div",
16
+ {
17
+ "data-chart": o,
18
+ ref: d,
19
+ className: i(
20
+ "flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none",
21
+ e
22
+ ),
23
+ ...c,
24
+ children: [
25
+ /* @__PURE__ */ s(S, { id: o, config: r }),
26
+ /* @__PURE__ */ s(w.ResponsiveContainer, { children: n })
27
+ ]
28
+ }
29
+ ) });
30
+ });
31
+ I.displayName = "Chart";
32
+ const S = ({ id: a, config: e }) => {
33
+ const n = Object.entries(e).filter(
34
+ ([, r]) => r.theme || r.color
35
+ );
36
+ return n.length ? /* @__PURE__ */ s(
37
+ "style",
38
+ {
39
+ dangerouslySetInnerHTML: {
40
+ __html: Object.entries(P).map(
41
+ ([r, c]) => `
42
+ ${c} [data-chart=${a}] {
43
+ ${n.map(([d, l]) => {
44
+ const o = l.theme?.[r] || l.color;
45
+ return o ? ` --color-${d}: ${o};` : null;
46
+ }).join(`
47
+ `)}
48
+ }
49
+ `
50
+ ).join(`
51
+ `)
52
+ }
53
+ }
54
+ ) : null;
55
+ }, O = w.Tooltip, E = f.forwardRef(
56
+ ({
57
+ active: a,
58
+ payload: e,
59
+ className: n,
60
+ indicator: r = "dot",
61
+ hideLabel: c = !1,
62
+ hideIndicator: d = !1,
63
+ label: l,
64
+ labelFormatter: o,
65
+ labelClassName: m,
66
+ formatter: h,
67
+ color: $,
68
+ nameKey: L,
69
+ labelKey: x
70
+ }, R) => {
71
+ const { config: p } = j(), k = f.useMemo(() => {
72
+ if (c || !e?.length)
73
+ return null;
74
+ const [t] = e, b = `${x || t?.dataKey || t?.name || "value"}`, C = _(p, t, b), u = !x && typeof l == "string" ? p[l]?.label || l : C?.label;
75
+ return o ? /* @__PURE__ */ s("div", { className: i("font-medium", m), children: o(u, e) }) : u ? /* @__PURE__ */ s("div", { className: i("font-medium", m), children: u }) : null;
76
+ }, [
77
+ l,
78
+ o,
79
+ e,
80
+ c,
81
+ m,
82
+ p,
83
+ x
84
+ ]);
85
+ if (!a || !e?.length)
86
+ return null;
87
+ const v = e.length === 1 && r !== "dot";
88
+ return /* @__PURE__ */ g(
89
+ "div",
90
+ {
91
+ ref: R,
92
+ className: i(
93
+ "grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",
94
+ n
95
+ ),
96
+ children: [
97
+ v ? null : k,
98
+ /* @__PURE__ */ s("div", { className: "grid gap-1.5", children: e.filter((t) => t.type !== "none").map((t, b) => {
99
+ const C = `${L || t.name || t.dataKey || "value"}`, u = _(p, t, C), y = $ || t.payload.fill || t.color;
100
+ return /* @__PURE__ */ s(
101
+ "div",
102
+ {
103
+ className: i(
104
+ "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
105
+ r === "dot" && "items-center"
106
+ ),
107
+ children: h && t?.value !== void 0 && t.name ? h(t.value, t.name, t, b, t.payload) : /* @__PURE__ */ g(T, { children: [
108
+ u?.icon ? /* @__PURE__ */ s(u.icon, {}) : !d && /* @__PURE__ */ s(
109
+ "div",
110
+ {
111
+ className: i(
112
+ "shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]",
113
+ {
114
+ "h-2.5 w-2.5": r === "dot",
115
+ "w-1": r === "line",
116
+ "w-0 border-[1.5px] border-dashed bg-transparent": r === "dashed",
117
+ "my-0.5": v && r === "dashed"
118
+ }
119
+ ),
120
+ style: {
121
+ "--color-bg": y,
122
+ "--color-border": y
123
+ }
124
+ }
125
+ ),
126
+ /* @__PURE__ */ g(
127
+ "div",
128
+ {
129
+ className: i(
130
+ "flex flex-1 justify-between leading-none",
131
+ v ? "items-end" : "items-center"
132
+ ),
133
+ children: [
134
+ /* @__PURE__ */ g("div", { className: "grid gap-1.5", children: [
135
+ v ? k : null,
136
+ /* @__PURE__ */ s("span", { className: "text-muted-foreground", children: u?.label || t.name })
137
+ ] }),
138
+ t.value && /* @__PURE__ */ s("span", { className: "font-mono font-medium tabular-nums text-foreground", children: t.value.toLocaleString() })
139
+ ]
140
+ }
141
+ )
142
+ ] })
143
+ },
144
+ t.dataKey
145
+ );
146
+ }) })
147
+ ]
148
+ }
149
+ );
150
+ }
151
+ );
152
+ E.displayName = "ChartTooltip";
153
+ const q = w.Legend, K = f.forwardRef(
154
+ ({ className: a, hideIcon: e = !1, payload: n, verticalAlign: r = "bottom", nameKey: c }, d) => {
155
+ const { config: l } = j();
156
+ return n?.length ? /* @__PURE__ */ s(
157
+ "div",
158
+ {
159
+ ref: d,
160
+ className: i(
161
+ "flex items-center justify-center gap-4",
162
+ r === "top" ? "pb-3" : "pt-3",
163
+ a
164
+ ),
165
+ children: n.filter((o) => o.type !== "none").map((o) => {
166
+ const m = `${c || o.dataKey || "value"}`, h = _(l, o, m);
167
+ return /* @__PURE__ */ g(
168
+ "div",
169
+ {
170
+ className: i(
171
+ "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
172
+ ),
173
+ children: [
174
+ h?.icon && !e ? /* @__PURE__ */ s(h.icon, {}) : /* @__PURE__ */ s(
175
+ "div",
176
+ {
177
+ className: "h-2 w-2 shrink-0 rounded-[2px]",
178
+ style: {
179
+ backgroundColor: o.color
180
+ }
181
+ }
182
+ ),
183
+ h?.label
184
+ ]
185
+ },
186
+ o.value
187
+ );
188
+ })
189
+ }
190
+ ) : null;
191
+ }
192
+ );
193
+ K.displayName = "ChartLegend";
194
+ function _(a, e, n) {
195
+ if (typeof e != "object" || e === null)
196
+ return;
197
+ const r = "payload" in e && typeof e.payload == "object" && e.payload !== null ? e.payload : void 0;
198
+ let c = n;
199
+ return n in e && typeof e[n] == "string" ? c = e[n] : r && n in r && typeof r[n] == "string" && (c = r[n]), c in a ? a[c] : a[n];
200
+ }
201
+ export {
202
+ I as ChartContainer,
203
+ q as ChartLegend,
204
+ K as ChartLegendContent,
205
+ S as ChartStyle,
206
+ O as ChartTooltip,
207
+ E as ChartTooltipContent
208
+ };
@@ -0,0 +1,27 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import * as c from "react";
3
+ import * as r from "radix-ui";
4
+ import { Check as s } from "lucide-react";
5
+ import { cn as o } from "./utils.mjs";
6
+ const n = c.forwardRef(({ className: i, ...t }, a) => /* @__PURE__ */ e(
7
+ r.Root,
8
+ {
9
+ ref: a,
10
+ className: o(
11
+ "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
12
+ i
13
+ ),
14
+ ...t,
15
+ children: /* @__PURE__ */ e(
16
+ r.Indicator,
17
+ {
18
+ className: o("grid place-content-center text-current"),
19
+ children: /* @__PURE__ */ e(s, { className: "h-4 w-4" })
20
+ }
21
+ )
22
+ }
23
+ ));
24
+ n.displayName = r.Root.displayName;
25
+ export {
26
+ n as Checkbox
27
+ };
@@ -0,0 +1,7 @@
1
+ import * as o from "radix-ui";
2
+ const l = o.Root, e = o.CollapsibleTrigger, i = o.CollapsibleContent;
3
+ export {
4
+ l as Collapsible,
5
+ i as CollapsibleContent,
6
+ e as CollapsibleTrigger
7
+ };
@@ -0,0 +1,109 @@
1
+ import { jsx as t, jsxs as s } from "react/jsx-runtime";
2
+ import * as m from "react";
3
+ import { Command as o } from "cmdk";
4
+ import { Search as p } from "lucide-react";
5
+ import { cn as r } from "./utils.mjs";
6
+ import { Dialog as i, DialogContent as l } from "./dialog.mjs";
7
+ const n = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
8
+ o,
9
+ {
10
+ ref: d,
11
+ className: r(
12
+ "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
13
+ e
14
+ ),
15
+ ...a
16
+ }
17
+ ));
18
+ n.displayName = o.displayName;
19
+ const C = ({ children: e, ...a }) => /* @__PURE__ */ t(i, { ...a, children: /* @__PURE__ */ t(l, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ t(n, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), c = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ s("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
20
+ /* @__PURE__ */ t(p, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
21
+ /* @__PURE__ */ t(
22
+ o.Input,
23
+ {
24
+ ref: d,
25
+ className: r(
26
+ "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
27
+ e
28
+ ),
29
+ ...a
30
+ }
31
+ )
32
+ ] }));
33
+ c.displayName = o.Input.displayName;
34
+ const u = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
35
+ o.List,
36
+ {
37
+ ref: d,
38
+ className: r("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
39
+ ...a
40
+ }
41
+ ));
42
+ u.displayName = o.List.displayName;
43
+ const f = m.forwardRef((e, a) => /* @__PURE__ */ t(
44
+ o.Empty,
45
+ {
46
+ ref: a,
47
+ className: "py-6 text-center text-sm",
48
+ ...e
49
+ }
50
+ ));
51
+ f.displayName = o.Empty.displayName;
52
+ const g = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
53
+ o.Group,
54
+ {
55
+ ref: d,
56
+ className: r(
57
+ "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
58
+ e
59
+ ),
60
+ ...a
61
+ }
62
+ ));
63
+ g.displayName = o.Group.displayName;
64
+ const x = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
65
+ o.Separator,
66
+ {
67
+ ref: d,
68
+ className: r("-mx-1 h-px bg-border", e),
69
+ ...a
70
+ }
71
+ ));
72
+ x.displayName = o.Separator.displayName;
73
+ const h = m.forwardRef(({ className: e, ...a }, d) => /* @__PURE__ */ t(
74
+ o.Item,
75
+ {
76
+ ref: d,
77
+ className: r(
78
+ "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
79
+ e
80
+ ),
81
+ ...a
82
+ }
83
+ ));
84
+ h.displayName = o.Item.displayName;
85
+ const y = ({
86
+ className: e,
87
+ ...a
88
+ }) => /* @__PURE__ */ t(
89
+ "span",
90
+ {
91
+ className: r(
92
+ "ml-auto text-xs tracking-widest text-muted-foreground",
93
+ e
94
+ ),
95
+ ...a
96
+ }
97
+ );
98
+ y.displayName = "CommandShortcut";
99
+ export {
100
+ n as Command,
101
+ C as CommandDialog,
102
+ f as CommandEmpty,
103
+ g as CommandGroup,
104
+ c as CommandInput,
105
+ h as CommandItem,
106
+ u as CommandList,
107
+ x as CommandSeparator,
108
+ y as CommandShortcut
109
+ };
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ declare const Accordion: any;
3
+ declare const AccordionItem: React.ForwardRefExoticComponent<any>;
4
+ declare const AccordionTrigger: React.ForwardRefExoticComponent<any>;
5
+ declare const AccordionContent: React.ForwardRefExoticComponent<any>;
6
+ export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import * as AlertDialogPrimitive from "radix-ui";
3
+ declare const AlertDialog: any;
4
+ declare const AlertDialogTrigger: any;
5
+ declare const AlertDialogPortal: typeof AlertDialogPrimitive.Portal;
6
+ declare const AlertDialogOverlay: React.ForwardRefExoticComponent<any>;
7
+ declare const AlertDialogContent: React.ForwardRefExoticComponent<any>;
8
+ declare const AlertDialogHeader: {
9
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
10
+ displayName: string;
11
+ };
12
+ declare const AlertDialogFooter: {
13
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
14
+ displayName: string;
15
+ };
16
+ declare const AlertDialogTitle: React.ForwardRefExoticComponent<any>;
17
+ declare const AlertDialogDescription: React.ForwardRefExoticComponent<any>;
18
+ declare const AlertDialogAction: React.ForwardRefExoticComponent<any>;
19
+ declare const AlertDialogCancel: React.ForwardRefExoticComponent<any>;
20
+ export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ declare const Avatar: React.ForwardRefExoticComponent<any>;
3
+ declare const AvatarImage: React.ForwardRefExoticComponent<any>;
4
+ declare const AvatarFallback: React.ForwardRefExoticComponent<any>;
5
+ export { Avatar, AvatarImage, AvatarFallback };
@@ -0,0 +1,9 @@
1
+ import { VariantProps } from 'class-variance-authority';
2
+ import * as React from "react";
3
+ declare const badgeVariants: (props?: ({
4
+ variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
5
+ } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
+ export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
7
+ }
8
+ declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
9
+ export { Badge, badgeVariants };
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
3
+ separator?: React.ReactNode;
4
+ } & React.RefAttributes<HTMLElement>>;
5
+ declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
6
+ declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
7
+ declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
8
+ asChild?: boolean;
9
+ } & React.RefAttributes<HTMLAnchorElement>>;
10
+ declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
11
+ declare const BreadcrumbSeparator: {
12
+ ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
13
+ displayName: string;
14
+ };
15
+ declare const BreadcrumbEllipsis: {
16
+ ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
17
+ displayName: string;
18
+ };
19
+ export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
@@ -1,10 +1,11 @@
1
1
  import { VariantProps } from 'class-variance-authority';
2
2
  import * as React from "react";
3
3
  declare const buttonVariants: (props?: ({
4
- variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
5
- size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
4
+ variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
5
+ size?: "default" | "sm" | "lg" | "icon" | null | undefined;
6
6
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
- declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
7
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
8
8
  asChild?: boolean;
9
- }): import("react/jsx-runtime").JSX.Element;
9
+ }
10
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
10
11
  export { Button, buttonVariants };
@@ -1,11 +1,8 @@
1
1
  import * as React from "react";
2
- declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
3
- size?: "default" | "sm";
4
- }): import("react/jsx-runtime").JSX.Element;
5
- declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
6
- declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
7
- declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
8
- declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
9
- declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
10
- declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
11
- export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
2
+ declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
3
+ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
4
+ declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
5
+ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
6
+ declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
7
+ declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
8
+ export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
@@ -0,0 +1,62 @@
1
+ import * as React from "react";
2
+ import * as RechartsPrimitive from "recharts";
3
+ declare const THEMES: {
4
+ readonly light: "";
5
+ readonly dark: ".dark";
6
+ };
7
+ export type ChartConfig = {
8
+ [k in string]: {
9
+ label?: React.ReactNode;
10
+ icon?: React.ComponentType;
11
+ } & ({
12
+ color?: string;
13
+ theme?: never;
14
+ } | {
15
+ color?: never;
16
+ theme: Record<keyof typeof THEMES, string>;
17
+ });
18
+ };
19
+ declare const ChartContainer: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
20
+ config: ChartConfig;
21
+ children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
22
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
23
+ declare const ChartStyle: ({ id, config }: {
24
+ id: string;
25
+ config: ChartConfig;
26
+ }) => import("react/jsx-runtime").JSX.Element | null;
27
+ declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
28
+ declare const ChartTooltipContent: React.ForwardRefExoticComponent<Omit<RechartsPrimitive.DefaultTooltipContentProps<import('recharts/types/component/DefaultTooltipContent').ValueType, import('recharts/types/component/DefaultTooltipContent').NameType> & {
29
+ accessibilityLayer?: boolean;
30
+ active?: boolean | undefined;
31
+ includeHidden?: boolean | undefined;
32
+ allowEscapeViewBox?: import('recharts/types/util/types').AllowInDimension;
33
+ animationDuration?: import('recharts/types/util/types').AnimationDuration;
34
+ animationEasing?: import('recharts/types/util/types').AnimationTiming;
35
+ content?: import('recharts/types/component/Tooltip').ContentType<import('recharts/types/component/DefaultTooltipContent').ValueType, import('recharts/types/component/DefaultTooltipContent').NameType> | undefined;
36
+ coordinate?: Partial<import('recharts/types/util/types').Coordinate>;
37
+ cursor?: boolean | React.ReactElement | React.SVGProps<SVGElement>;
38
+ filterNull?: boolean;
39
+ defaultIndex?: number;
40
+ isAnimationActive?: boolean;
41
+ offset?: number;
42
+ payloadUniqBy?: import('recharts/types/util/payload/getUniqPayload').UniqueOption<import('recharts/types/component/DefaultTooltipContent').Payload<import('recharts/types/component/DefaultTooltipContent').ValueType, import('recharts/types/component/DefaultTooltipContent').NameType>> | undefined;
43
+ position?: Partial<import('recharts/types/util/types').Coordinate>;
44
+ reverseDirection?: import('recharts/types/util/types').AllowInDimension;
45
+ shared?: boolean;
46
+ trigger?: "hover" | "click";
47
+ useTranslate3d?: boolean;
48
+ viewBox?: import('recharts/types/util/types').CartesianViewBox;
49
+ wrapperStyle?: React.CSSProperties;
50
+ } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
51
+ hideLabel?: boolean;
52
+ hideIndicator?: boolean;
53
+ indicator?: "line" | "dot" | "dashed";
54
+ nameKey?: string;
55
+ labelKey?: string;
56
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
57
+ declare const ChartLegend: typeof RechartsPrimitive.Legend;
58
+ declare const ChartLegendContent: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
59
+ hideIcon?: boolean;
60
+ nameKey?: string;
61
+ }, "ref"> & React.RefAttributes<HTMLDivElement>>;
62
+ export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ declare const Checkbox: React.ForwardRefExoticComponent<any>;
3
+ export { Checkbox };
@@ -0,0 +1,4 @@
1
+ declare const Collapsible: any;
2
+ declare const CollapsibleTrigger: any;
3
+ declare const CollapsibleContent: any;
4
+ export { Collapsible, CollapsibleTrigger, CollapsibleContent };
@@ -0,0 +1,80 @@
1
+ import { DialogProps } from 'radix-ui';
2
+ import * as React from "react";
3
+ declare const Command: React.ForwardRefExoticComponent<Omit<{
4
+ children?: React.ReactNode;
5
+ } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
6
+ ref?: React.Ref<HTMLDivElement>;
7
+ } & {
8
+ asChild?: boolean;
9
+ }, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
10
+ label?: string;
11
+ shouldFilter?: boolean;
12
+ filter?: (value: string, search: string, keywords?: string[]) => number;
13
+ defaultValue?: string;
14
+ value?: string;
15
+ onValueChange?: (value: string) => void;
16
+ loop?: boolean;
17
+ disablePointerSelection?: boolean;
18
+ vimBindings?: boolean;
19
+ } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
20
+ declare const CommandDialog: ({ children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
21
+ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
22
+ ref?: React.Ref<HTMLInputElement>;
23
+ } & {
24
+ asChild?: boolean;
25
+ }, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
26
+ value?: string;
27
+ onValueChange?: (search: string) => void;
28
+ } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
29
+ declare const CommandList: React.ForwardRefExoticComponent<Omit<{
30
+ children?: React.ReactNode;
31
+ } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
32
+ ref?: React.Ref<HTMLDivElement>;
33
+ } & {
34
+ asChild?: boolean;
35
+ }, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
36
+ label?: string;
37
+ } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
38
+ declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
39
+ children?: React.ReactNode;
40
+ } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
41
+ ref?: React.Ref<HTMLDivElement>;
42
+ } & {
43
+ asChild?: boolean;
44
+ }, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
45
+ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
46
+ children?: React.ReactNode;
47
+ } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
48
+ ref?: React.Ref<HTMLDivElement>;
49
+ } & {
50
+ asChild?: boolean;
51
+ }, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key">, "value" | "heading"> & {
52
+ heading?: React.ReactNode;
53
+ value?: string;
54
+ forceMount?: boolean;
55
+ } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
56
+ declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
57
+ ref?: React.Ref<HTMLDivElement>;
58
+ } & {
59
+ asChild?: boolean;
60
+ }, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
61
+ alwaysRender?: boolean;
62
+ } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
63
+ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
64
+ children?: React.ReactNode;
65
+ } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
66
+ ref?: React.Ref<HTMLDivElement>;
67
+ } & {
68
+ asChild?: boolean;
69
+ }, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key">, "disabled" | "value" | "onSelect"> & {
70
+ disabled?: boolean;
71
+ onSelect?: (value: string) => void;
72
+ value?: string;
73
+ keywords?: string[];
74
+ forceMount?: boolean;
75
+ } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
76
+ declare const CommandShortcut: {
77
+ ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
78
+ displayName: string;
79
+ };
80
+ export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
@@ -0,0 +1,19 @@
1
+ import * as React from "react";
2
+ import * as DialogPrimitive from "radix-ui";
3
+ declare const Dialog: any;
4
+ declare const DialogTrigger: any;
5
+ declare const DialogPortal: typeof DialogPrimitive.Portal;
6
+ declare const DialogClose: any;
7
+ declare const DialogOverlay: React.ForwardRefExoticComponent<any>;
8
+ declare const DialogContent: React.ForwardRefExoticComponent<any>;
9
+ declare const DialogHeader: {
10
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
11
+ displayName: string;
12
+ };
13
+ declare const DialogFooter: {
14
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
15
+ displayName: string;
16
+ };
17
+ declare const DialogTitle: React.ForwardRefExoticComponent<any>;
18
+ declare const DialogDescription: React.ForwardRefExoticComponent<any>;
19
+ export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };