@arcadeai/design-system 1.7.6 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.js +360 -369
- package/dist/components/ui/atoms/index.d.ts +0 -1
- package/dist/components/ui/atoms/index.js +342 -351
- package/dist/components/ui/index.js +360 -369
- package/dist/components/ui/molecules/index.js +1 -1
- package/dist/components/ui/molecules/requirement-badges.js +4 -5
- package/dist/components/ui/molecules/toolkit-card.js +1 -1
- package/dist/components/ui/molecules/toolkit-selection-summary.js +3 -4
- package/dist/components/ui/organisms/toolkit-picker/components/search-input.js +7 -8
- package/dist/components/ui/organisms/toolkit-picker/components/select-button.js +3 -4
- package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/toolkit-picker.js +3 -4
- package/dist/integrations/rhf/index.d.ts +1 -0
- package/dist/integrations/rhf/index.js +11 -0
- package/dist/main.js +375 -384
- package/dist/{toolkit-card-CHiL03EY.js → toolkit-card-fWmjBnBQ.js} +2 -3
- package/package.json +5 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { EmptyState as e } from "./empty-state.js";
|
|
2
|
-
import { R as m, T as a } from "../../../toolkit-card-
|
|
2
|
+
import { R as m, T as a } from "../../../toolkit-card-fWmjBnBQ.js";
|
|
3
3
|
import { ToolCard as p } from "./tool-card.js";
|
|
4
4
|
import { ToolkitPickerTrigger as f } from "./toolkit-picker-trigger.js";
|
|
5
5
|
import { ToolkitSelectionSummary as x } from "./toolkit-selection-summary.js";
|
|
@@ -5,20 +5,19 @@ import "../../../utils-Db4QWi-E.js";
|
|
|
5
5
|
import "../atoms/badge.js";
|
|
6
6
|
import "../atoms/byoc-badge.js";
|
|
7
7
|
import "../atoms/chart.js";
|
|
8
|
-
import "../atoms/form.js";
|
|
9
8
|
import "../atoms/mobile-tooltip.js";
|
|
10
9
|
import "../atoms/pro-badge.js";
|
|
11
10
|
import "../../../react-resizable-panels.browser-ZHjTH32c.js";
|
|
12
11
|
import "../atoms/sidebar.js";
|
|
13
12
|
import "../atoms/table.js";
|
|
14
13
|
import "../atoms/tooltip.js";
|
|
15
|
-
import { O as
|
|
14
|
+
import { O as n, R as q, S as x } from "../../../toolkit-card-fWmjBnBQ.js";
|
|
16
15
|
import "./tool-card.js";
|
|
17
16
|
import "../../../metadata/toolkits.js";
|
|
18
17
|
import "../organisms/toolkit-picker/hooks/use-toolkit-picker.js";
|
|
19
18
|
import "../utils/memo.js";
|
|
20
19
|
export {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
n as OAuthBadge,
|
|
21
|
+
q as RequirementBadges,
|
|
22
|
+
x as SecretsBadge
|
|
24
23
|
};
|
|
@@ -6,7 +6,7 @@ import "../atoms/card.js";
|
|
|
6
6
|
import "../atoms/checkbox.js";
|
|
7
7
|
import "../atoms/view-tools-control.js";
|
|
8
8
|
import "../../../utils-Db4QWi-E.js";
|
|
9
|
-
import { T as k } from "../../../toolkit-card-
|
|
9
|
+
import { T as k } from "../../../toolkit-card-fWmjBnBQ.js";
|
|
10
10
|
import "../utils/memo.js";
|
|
11
11
|
export {
|
|
12
12
|
k as ToolkitCard
|
|
@@ -3,17 +3,16 @@ import { Package as u, X as y, CheckSquare as C } from "lucide-react";
|
|
|
3
3
|
import { Button as x } from "../atoms/button.js";
|
|
4
4
|
import { MobileTooltip as p, MobileTooltipTrigger as g, MobileTooltipContent as f } from "../atoms/mobile-tooltip.js";
|
|
5
5
|
import "../atoms/chart.js";
|
|
6
|
-
import "../atoms/form.js";
|
|
7
6
|
import "../../../react-resizable-panels.browser-ZHjTH32c.js";
|
|
8
7
|
import "../atoms/sidebar.js";
|
|
9
8
|
import "react";
|
|
10
9
|
import "../atoms/table.js";
|
|
11
|
-
import "../../../toolkit-card-
|
|
10
|
+
import "../../../toolkit-card-fWmjBnBQ.js";
|
|
12
11
|
import "./tool-card.js";
|
|
13
12
|
import { getToolkitIcon as z } from "../atoms/icons/utils.js";
|
|
14
13
|
import "../organisms/toolkit-picker/hooks/use-toolkit-picker.js";
|
|
15
14
|
const I = 3;
|
|
16
|
-
function
|
|
15
|
+
function D({
|
|
17
16
|
selectedToolkits: s,
|
|
18
17
|
selectedTools: m,
|
|
19
18
|
onClear: N,
|
|
@@ -116,5 +115,5 @@ function E({
|
|
|
116
115
|
);
|
|
117
116
|
}
|
|
118
117
|
export {
|
|
119
|
-
|
|
118
|
+
D as ToolkitSelectionSummary
|
|
120
119
|
};
|
|
@@ -2,25 +2,24 @@ import { jsxs as a, jsx as t } from "react/jsx-runtime";
|
|
|
2
2
|
import { Search as i } from "lucide-react";
|
|
3
3
|
import "../../../atoms/mobile-tooltip.js";
|
|
4
4
|
import "../../../atoms/chart.js";
|
|
5
|
-
import "../../../atoms/
|
|
6
|
-
import { Input as m } from "../../../atoms/input.js";
|
|
5
|
+
import { Input as s } from "../../../atoms/input.js";
|
|
7
6
|
import "../../../../../react-resizable-panels.browser-ZHjTH32c.js";
|
|
8
7
|
import "../../../atoms/sidebar.js";
|
|
9
8
|
import "react";
|
|
10
9
|
import "../../../atoms/table.js";
|
|
11
|
-
import "../../../../../toolkit-card-
|
|
10
|
+
import "../../../../../toolkit-card-fWmjBnBQ.js";
|
|
12
11
|
import "../../../molecules/tool-card.js";
|
|
13
12
|
import "../../../../../metadata/toolkits.js";
|
|
14
|
-
import { useToolkitPicker as
|
|
15
|
-
function
|
|
13
|
+
import { useToolkitPicker as m } from "../hooks/use-toolkit-picker.js";
|
|
14
|
+
function k() {
|
|
16
15
|
const {
|
|
17
16
|
state: { searchQuery: r },
|
|
18
17
|
setSearchQuery: e
|
|
19
|
-
} =
|
|
18
|
+
} = m();
|
|
20
19
|
return /* @__PURE__ */ a("div", { className: "relative flex-1", children: [
|
|
21
20
|
/* @__PURE__ */ t(i, { className: "-translate-y-1/2 absolute top-1/2 left-3.5 size-4 text-gray-400" }),
|
|
22
21
|
/* @__PURE__ */ t(
|
|
23
|
-
|
|
22
|
+
s,
|
|
24
23
|
{
|
|
25
24
|
className: "h-9 pl-10",
|
|
26
25
|
"data-testid": "search-input",
|
|
@@ -32,5 +31,5 @@ function N() {
|
|
|
32
31
|
] });
|
|
33
32
|
}
|
|
34
33
|
export {
|
|
35
|
-
|
|
34
|
+
k as SearchInput
|
|
36
35
|
};
|
|
@@ -3,16 +3,15 @@ import "lucide-react";
|
|
|
3
3
|
import { Button as n } from "../../../atoms/button.js";
|
|
4
4
|
import "../../../atoms/mobile-tooltip.js";
|
|
5
5
|
import "../../../atoms/chart.js";
|
|
6
|
-
import "../../../atoms/form.js";
|
|
7
6
|
import "../../../../../react-resizable-panels.browser-ZHjTH32c.js";
|
|
8
7
|
import "../../../atoms/sidebar.js";
|
|
9
8
|
import "react";
|
|
10
9
|
import "../../../atoms/table.js";
|
|
11
|
-
import "../../../../../toolkit-card-
|
|
10
|
+
import "../../../../../toolkit-card-fWmjBnBQ.js";
|
|
12
11
|
import "../../../molecules/tool-card.js";
|
|
13
12
|
import "../../../../../metadata/toolkits.js";
|
|
14
13
|
import "../hooks/use-toolkit-picker.js";
|
|
15
|
-
function
|
|
14
|
+
function L({
|
|
16
15
|
selectionMode: t,
|
|
17
16
|
selectedCount: o,
|
|
18
17
|
onCommit: r,
|
|
@@ -31,5 +30,5 @@ function $({
|
|
|
31
30
|
);
|
|
32
31
|
}
|
|
33
32
|
export {
|
|
34
|
-
|
|
33
|
+
L as SelectButton
|
|
35
34
|
};
|
package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as m } from "react/jsx-runtime";
|
|
2
2
|
import { getToolkitIcon as c } from "../../../atoms/icons/utils.js";
|
|
3
|
-
import { T as d } from "../../../../../toolkit-card-
|
|
3
|
+
import { T as d } from "../../../../../toolkit-card-fWmjBnBQ.js";
|
|
4
4
|
function g({
|
|
5
5
|
toolkit: e,
|
|
6
6
|
selectedTools: o,
|
|
@@ -8,11 +8,10 @@ import { getToolkitIcon as G, getToolIconByToolkitName as J } from "../../atoms/
|
|
|
8
8
|
import { MobileTooltipProvider as K } from "../../atoms/mobile-tooltip.js";
|
|
9
9
|
import { Tabs as R, TabsList as U, TabsTrigger as y, TabsContent as w } from "../../atoms/tabs.js";
|
|
10
10
|
import { EmptyState as _ } from "../../molecules/empty-state.js";
|
|
11
|
-
import "../../../../toolkit-card-
|
|
11
|
+
import "../../../../toolkit-card-fWmjBnBQ.js";
|
|
12
12
|
import { ToolCard as Z } from "../../molecules/tool-card.js";
|
|
13
13
|
import { useToolkitPicker as ee } from "./hooks/use-toolkit-picker.js";
|
|
14
14
|
import "../../atoms/chart.js";
|
|
15
|
-
import "../../atoms/form.js";
|
|
16
15
|
import "../../../../react-resizable-panels.browser-ZHjTH32c.js";
|
|
17
16
|
import "../../atoms/sidebar.js";
|
|
18
17
|
import "react";
|
|
@@ -21,7 +20,7 @@ import { FooterSummary as te } from "./components/footer-summary.js";
|
|
|
21
20
|
import { SearchInput as ae } from "./components/search-input.js";
|
|
22
21
|
import { SelectButton as le } from "./components/select-button.js";
|
|
23
22
|
import { ToolkitCardWithSelection as re } from "./components/toolkit-card-with-selection.js";
|
|
24
|
-
const
|
|
23
|
+
const Se = (T) => {
|
|
25
24
|
const {
|
|
26
25
|
description: C = "Select toolkits and tools",
|
|
27
26
|
children: S,
|
|
@@ -401,5 +400,5 @@ const ze = (T) => {
|
|
|
401
400
|
) });
|
|
402
401
|
};
|
|
403
402
|
export {
|
|
404
|
-
|
|
403
|
+
Se as ToolkitPickerDialog
|
|
405
404
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from '../../components/ui/atoms/form';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Form as m, FormControl as F, FormDescription as e, FormField as i, FormItem as l, FormLabel as s, FormMessage as t, useFormField as a } from "../../components/ui/atoms/form.js";
|
|
2
|
+
export {
|
|
3
|
+
m as Form,
|
|
4
|
+
F as FormControl,
|
|
5
|
+
e as FormDescription,
|
|
6
|
+
i as FormField,
|
|
7
|
+
l as FormItem,
|
|
8
|
+
s as FormLabel,
|
|
9
|
+
t as FormMessage,
|
|
10
|
+
a as useFormField
|
|
11
|
+
};
|