@arcadeai/design-system 3.27.6 → 3.27.7
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/assets/icons/attio.js +10 -0
- package/dist/components/index.js +211 -211
- package/dist/components/ui/atoms/checkbox.d.ts.map +1 -1
- package/dist/components/ui/atoms/checkbox.js +100 -100
- package/dist/components/ui/atoms/icons/attio.d.ts +4 -0
- package/dist/components/ui/atoms/icons/attio.d.ts.map +1 -0
- package/dist/components/ui/atoms/icons/attio.js +27 -0
- package/dist/components/ui/atoms/icons/claude.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/claude.js +22 -4
- package/dist/components/ui/atoms/icons/cline.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/cline.js +18 -4
- package/dist/components/ui/atoms/icons/cursor-install-dark.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/cursor-install-dark.js +74 -11
- package/dist/components/ui/atoms/icons/cursor-install-light.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/cursor-install-light.js +74 -11
- package/dist/components/ui/atoms/icons/gemini.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/gemini.js +229 -50
- package/dist/components/ui/atoms/icons/goose.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/goose.js +17 -4
- package/dist/components/ui/atoms/icons/index.d.ts +1 -1
- package/dist/components/ui/atoms/icons/index.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/index.js +196 -196
- package/dist/components/ui/atoms/icons/openai.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/openai.js +21 -4
- package/dist/components/ui/atoms/icons/vscode.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/vscode.js +182 -34
- package/dist/components/ui/atoms/icons/windsurf.d.ts.map +1 -1
- package/dist/components/ui/atoms/icons/windsurf.js +21 -4
- package/dist/components/ui/atoms/index.js +194 -194
- package/dist/components/ui/index.js +211 -211
- package/dist/components/ui/molecules/index.js +1 -1
- package/dist/components/ui/molecules/requirement-badges.d.ts +6 -3
- package/dist/components/ui/molecules/requirement-badges.d.ts.map +1 -1
- package/dist/components/ui/molecules/requirement-badges.js +1 -1
- package/dist/components/ui/molecules/tool-card.d.ts.map +1 -1
- package/dist/components/ui/molecules/tool-card.js +55 -54
- package/dist/components/ui/molecules/toolkit-card.d.ts.map +1 -1
- package/dist/components/ui/molecules/toolkit-card.js +1 -1
- package/dist/components/ui/molecules/toolkit-selection-summary.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/search-input.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/select-button.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/components/tools-list.js +1 -1
- package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.d.ts.map +1 -1
- package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.js +63 -50
- package/dist/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.d.ts.map +1 -1
- package/dist/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.js +34 -23
- package/dist/hooks/use-is-truncated.d.ts +13 -0
- package/dist/hooks/use-is-truncated.d.ts.map +1 -0
- package/dist/hooks/use-is-truncated.js +20 -0
- package/dist/lib/arcade/arcade.d.ts +0 -24
- package/dist/lib/arcade/arcade.d.ts.map +1 -1
- package/dist/lib/arcade/arcade.js +253 -416
- package/dist/lib/arcade/toolkit-collection.d.ts +15 -0
- package/dist/lib/arcade/toolkit-collection.d.ts.map +1 -0
- package/dist/lib/arcade/toolkit-collection.js +149 -0
- package/dist/main.js +224 -224
- package/dist/metadata/oauth-providers.d.ts +2 -0
- package/dist/metadata/oauth-providers.d.ts.map +1 -1
- package/dist/metadata/oauth-providers.js +84 -72
- package/dist/metadata/toolkits.js +7 -7
- package/dist/{toolkit-card-DaoEIG0R.js → toolkit-card-Cmp_yG03.js} +116 -111
- package/package.json +10 -5
- package/dist/assets/icons/roocode.js +0 -10
- package/dist/components/ui/atoms/icons/roocode.d.ts +0 -4
- package/dist/components/ui/atoms/icons/roocode.d.ts.map +0 -1
- package/dist/components/ui/atoms/icons/roocode.js +0 -9
|
@@ -1,123 +1,134 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { Card as R, CardContent as j } from "./components/ui/atoms/card.js";
|
|
3
3
|
import { Checkbox as O } from "./components/ui/atoms/checkbox.js";
|
|
4
4
|
import { ViewToolsControl as $ } from "./components/ui/atoms/view-tools-control.js";
|
|
5
|
-
import { c as
|
|
6
|
-
import { c as
|
|
7
|
-
import { Key as
|
|
5
|
+
import { c as m } from "./utils-6KgZuQUR.js";
|
|
6
|
+
import { c as k } from "./index-r7CUvu2m.js";
|
|
7
|
+
import { Key as D, Fingerprint as K, Wrench as P, Package as z } from "lucide-react";
|
|
8
8
|
import * as f from "react";
|
|
9
|
-
import { Badge as
|
|
10
|
-
import { ByocBadge as
|
|
9
|
+
import { Badge as N } from "./components/ui/atoms/badge.js";
|
|
10
|
+
import { ByocBadge as U } from "./components/ui/atoms/byoc-badge.js";
|
|
11
11
|
import "./components/ui/atoms/chart.js";
|
|
12
12
|
import "./components/ui/atoms/mobile-tooltip.js";
|
|
13
|
-
import { ProBadge as
|
|
13
|
+
import { ProBadge as _ } from "./components/ui/atoms/pro-badge.js";
|
|
14
14
|
import "./react-resizable-panels.browser-DYl0LXfw.js";
|
|
15
15
|
import "./components/ui/atoms/sidebar.js";
|
|
16
|
-
import { Tooltip as
|
|
16
|
+
import { Tooltip as v, TooltipTrigger as y, TooltipContent as w } from "./components/ui/atoms/tooltip.js";
|
|
17
17
|
import "./components/ui/molecules/date-time-picker.js";
|
|
18
18
|
import "./components/ui/molecules/tool-card.js";
|
|
19
|
-
import { areStringArraysEqual as
|
|
19
|
+
import { areStringArraysEqual as h, createPropsComparator as C } from "./components/ui/utils/memo.js";
|
|
20
20
|
import "./metadata/oauth-providers.js";
|
|
21
21
|
import "./metadata/toolkits.js";
|
|
22
22
|
import "./components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.js";
|
|
23
|
-
const
|
|
24
|
-
|
|
23
|
+
const F = ({
|
|
24
|
+
secrets: r,
|
|
25
|
+
className: a
|
|
26
|
+
}) => {
|
|
27
|
+
const s = (r.pending?.length ?? 0) > 0, n = /* @__PURE__ */ i("div", { className: "space-y-3", children: [
|
|
25
28
|
/* @__PURE__ */ e("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: "API Keys & Secrets" }),
|
|
26
|
-
(r.configured?.length ?? 0) > 0 && /* @__PURE__ */
|
|
29
|
+
(r.configured?.length ?? 0) > 0 && /* @__PURE__ */ i("div", { children: [
|
|
27
30
|
/* @__PURE__ */ e("div", { className: "mb-1.5 font-medium text-emerald-700 text-xs dark:text-emerald-300", children: "Configured" }),
|
|
28
31
|
/* @__PURE__ */ e("ul", { className: "list-disc space-y-1 pl-4 text-gray-700 text-xs dark:text-gray-300", children: r.configured?.map((t) => /* @__PURE__ */ e("li", { children: t }, `cfg-${t}`)) })
|
|
29
32
|
] }),
|
|
30
|
-
(r.pending?.length ?? 0) > 0 && /* @__PURE__ */
|
|
33
|
+
(r.pending?.length ?? 0) > 0 && /* @__PURE__ */ i("div", { children: [
|
|
31
34
|
/* @__PURE__ */ e("div", { className: "mb-1.5 font-medium text-red-700 text-xs dark:text-red-300", children: "Pending" }),
|
|
32
35
|
/* @__PURE__ */ e("ul", { className: "list-disc space-y-1 pl-4 text-gray-700 text-xs dark:text-gray-300", children: r.pending?.map((t) => /* @__PURE__ */ e("li", { children: t }, `pen-${t}`)) })
|
|
33
36
|
] })
|
|
34
37
|
] });
|
|
35
|
-
return /* @__PURE__ */
|
|
36
|
-
/* @__PURE__ */ e(
|
|
37
|
-
|
|
38
|
+
return /* @__PURE__ */ i(v, { children: [
|
|
39
|
+
/* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ i(
|
|
40
|
+
N,
|
|
38
41
|
{
|
|
39
|
-
className:
|
|
42
|
+
className: m(
|
|
40
43
|
"gap-1.5 bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-200",
|
|
41
|
-
|
|
44
|
+
s && "border-l-2 border-l-yellow-600",
|
|
45
|
+
a
|
|
42
46
|
),
|
|
43
47
|
variant: "secondary",
|
|
44
48
|
children: [
|
|
45
|
-
/* @__PURE__ */ e(
|
|
49
|
+
/* @__PURE__ */ e(D, { className: "h-3.5 w-3.5" }),
|
|
46
50
|
"Secrets"
|
|
47
51
|
]
|
|
48
52
|
}
|
|
49
53
|
) }),
|
|
50
|
-
/* @__PURE__ */ e(
|
|
54
|
+
/* @__PURE__ */ e(w, { className: "max-w-xs p-4 text-sm", sideOffset: 12, children: n })
|
|
51
55
|
] });
|
|
52
|
-
},
|
|
53
|
-
|
|
56
|
+
}, S = ({
|
|
57
|
+
oauth: r,
|
|
58
|
+
className: a
|
|
59
|
+
}) => {
|
|
60
|
+
const s = r.providers.filter((d) => d.status === "active").length, t = r.providers.length - s > 0, l = /* @__PURE__ */ i("div", { className: "space-y-3", children: [
|
|
54
61
|
/* @__PURE__ */ e("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: "OAuth Authorization" }),
|
|
55
|
-
r.providers.map((
|
|
56
|
-
/* @__PURE__ */ e("span", { className: "font-medium", children:
|
|
62
|
+
r.providers.map((d) => /* @__PURE__ */ i("div", { className: "text-gray-700 text-xs dark:text-gray-300", children: [
|
|
63
|
+
/* @__PURE__ */ e("span", { className: "font-medium", children: d.id }),
|
|
57
64
|
" ",
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
] },
|
|
65
|
+
d.status === "active" ? /* @__PURE__ */ e("span", { className: "text-emerald-700 dark:text-emerald-300", children: "(active)" }) : /* @__PURE__ */ e("span", { className: "text-red-700 dark:text-red-300", children: "(inactive)" }),
|
|
66
|
+
d.scopes.length > 0 && /* @__PURE__ */ e("div", { className: "mt-1 pl-3 text-gray-600 dark:text-gray-400", children: d.scopes.join(", ") })
|
|
67
|
+
] }, d.id))
|
|
61
68
|
] });
|
|
62
|
-
return /* @__PURE__ */
|
|
63
|
-
/* @__PURE__ */ e(
|
|
64
|
-
|
|
69
|
+
return /* @__PURE__ */ i(v, { children: [
|
|
70
|
+
/* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ i(
|
|
71
|
+
N,
|
|
65
72
|
{
|
|
66
|
-
className:
|
|
73
|
+
className: m(
|
|
67
74
|
"gap-1.5 bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-200",
|
|
68
|
-
t && "border-l-2 border-l-yellow-600"
|
|
75
|
+
t && "border-l-2 border-l-yellow-600",
|
|
76
|
+
a
|
|
69
77
|
),
|
|
70
78
|
variant: "secondary",
|
|
71
79
|
children: [
|
|
72
|
-
/* @__PURE__ */ e(
|
|
80
|
+
/* @__PURE__ */ e(K, { className: "h-3.5 w-3.5" }),
|
|
73
81
|
"OAuth"
|
|
74
82
|
]
|
|
75
83
|
}
|
|
76
84
|
) }),
|
|
77
|
-
/* @__PURE__ */ e(
|
|
85
|
+
/* @__PURE__ */ e(w, { className: "max-w-xs p-4 text-sm", sideOffset: 12, children: l })
|
|
78
86
|
] });
|
|
79
87
|
};
|
|
80
88
|
function W({
|
|
81
89
|
requirementsSummary: r,
|
|
82
90
|
isByoc: a = !1,
|
|
83
|
-
isPro: s = !1
|
|
91
|
+
isPro: s = !1,
|
|
92
|
+
badgeClassName: n
|
|
84
93
|
}) {
|
|
85
94
|
if (!(r?.secrets || r?.oauth || a || s))
|
|
86
95
|
return null;
|
|
87
|
-
const { secrets: t, oauth:
|
|
88
|
-
return /* @__PURE__ */
|
|
89
|
-
t && /* @__PURE__ */ e(G, { secrets: t }),
|
|
90
|
-
|
|
91
|
-
a && /* @__PURE__ */ e(
|
|
92
|
-
s && /* @__PURE__ */ e(
|
|
96
|
+
const { secrets: t, oauth: l } = r;
|
|
97
|
+
return /* @__PURE__ */ i("div", { className: "flex w-full flex-wrap items-center gap-1.5", children: [
|
|
98
|
+
t && /* @__PURE__ */ e(G, { className: n, secrets: t }),
|
|
99
|
+
l && /* @__PURE__ */ e(H, { className: n, oauth: l }),
|
|
100
|
+
a && /* @__PURE__ */ e(U, { className: m("gap-1.5 rounded-md", n) }),
|
|
101
|
+
s && /* @__PURE__ */ e(_, { className: m("gap-1.5 rounded-md", n) })
|
|
93
102
|
] });
|
|
94
103
|
}
|
|
95
|
-
const G = f.memo(
|
|
104
|
+
const G = f.memo(F, (r, a) => r.className !== a.className ? !1 : r.secrets === a.secrets ? !0 : !(!(r.secrets && a.secrets) || !h(
|
|
96
105
|
r.secrets.configured,
|
|
97
106
|
a.secrets.configured
|
|
98
|
-
) || !
|
|
107
|
+
) || !h(
|
|
99
108
|
r.secrets.pending,
|
|
100
109
|
a.secrets.pending
|
|
101
|
-
))), H = f.memo(
|
|
110
|
+
))), H = f.memo(S, (r, a) => {
|
|
111
|
+
if (r.className !== a.className)
|
|
112
|
+
return !1;
|
|
102
113
|
if (r.oauth === a.oauth)
|
|
103
114
|
return !0;
|
|
104
115
|
if (!(r.oauth && a.oauth))
|
|
105
116
|
return !1;
|
|
106
|
-
const s = r.oauth.providers,
|
|
107
|
-
if (s ===
|
|
117
|
+
const s = r.oauth.providers, n = a.oauth.providers;
|
|
118
|
+
if (s === n)
|
|
108
119
|
return !0;
|
|
109
|
-
if (s.length !==
|
|
120
|
+
if (s.length !== n.length)
|
|
110
121
|
return !1;
|
|
111
|
-
for (let
|
|
112
|
-
const
|
|
113
|
-
if (!(
|
|
122
|
+
for (let t = 0; t < s.length; t++) {
|
|
123
|
+
const l = s[t], d = n[t];
|
|
124
|
+
if (!(l.id === d.id && l.status === d.status) || !h(l.scopes, d.scopes))
|
|
114
125
|
return !1;
|
|
115
126
|
}
|
|
116
127
|
return !0;
|
|
117
128
|
}), J = f.memo(
|
|
118
129
|
W,
|
|
119
|
-
|
|
120
|
-
), L =
|
|
130
|
+
C(["requirementsSummary", "isByoc", "isPro", "badgeClassName"])
|
|
131
|
+
), L = k("", {
|
|
121
132
|
variants: {
|
|
122
133
|
selected: {
|
|
123
134
|
true: "border-2 border-emerald-600 dark:border-emerald-400",
|
|
@@ -135,7 +146,7 @@ const G = f.memo(_, (r, a) => r.secrets === a.secrets ? !0 : !(!(r.secrets && a.
|
|
|
135
146
|
class: "border-neutral-200 hover:border-neutral-300 dark:border-neutral-800 dark:hover:border-neutral-700"
|
|
136
147
|
}
|
|
137
148
|
]
|
|
138
|
-
}), M = (r, a, s,
|
|
149
|
+
}), M = (r, a, s, n) => r && !a && s > 0 ? `${s}/${n} tools` : `${n} tool${n !== 1 ? "s" : ""}`, Q = k(
|
|
139
150
|
"inline-flex items-center gap-1 rounded-full px-2 py-1 font-medium text-xs",
|
|
140
151
|
{
|
|
141
152
|
variants: {
|
|
@@ -150,35 +161,35 @@ function X({
|
|
|
150
161
|
name: r,
|
|
151
162
|
version: a,
|
|
152
163
|
toolsCount: s,
|
|
153
|
-
Icon:
|
|
154
|
-
isSelected:
|
|
155
|
-
isPartiallySelected:
|
|
156
|
-
selectedToolsCount:
|
|
157
|
-
requirementsSummary:
|
|
158
|
-
onSelect:
|
|
159
|
-
onView:
|
|
160
|
-
hideCheckbox:
|
|
161
|
-
isByoc:
|
|
162
|
-
isPro:
|
|
163
|
-
...
|
|
164
|
+
Icon: n = (g) => /* @__PURE__ */ e(z, { ...g }),
|
|
165
|
+
isSelected: t = !1,
|
|
166
|
+
isPartiallySelected: l = !1,
|
|
167
|
+
selectedToolsCount: d = 0,
|
|
168
|
+
requirementsSummary: x,
|
|
169
|
+
onSelect: p,
|
|
170
|
+
onView: c,
|
|
171
|
+
hideCheckbox: u = !1,
|
|
172
|
+
isByoc: B,
|
|
173
|
+
isPro: A,
|
|
174
|
+
...I
|
|
164
175
|
}) {
|
|
165
|
-
const
|
|
166
|
-
if (
|
|
167
|
-
|
|
176
|
+
const g = f.useCallback(() => {
|
|
177
|
+
if (u && c) {
|
|
178
|
+
c();
|
|
168
179
|
return;
|
|
169
180
|
}
|
|
170
|
-
|
|
171
|
-
}, [
|
|
172
|
-
const
|
|
173
|
-
(
|
|
174
|
-
},
|
|
181
|
+
p?.(!(t || l));
|
|
182
|
+
}, [u, t, l, p, c]), T = (o) => {
|
|
183
|
+
const q = o.key === "Enter" || o.code === "Enter", E = o.key === " " || o.key === "Spacebar" || o.code === "Space";
|
|
184
|
+
(q || E) && (o.preventDefault(), g()), (o.key === "ArrowRight" || o.code === "ArrowRight") && c && (o.preventDefault(), c());
|
|
185
|
+
}, b = l && !t;
|
|
175
186
|
return /* @__PURE__ */ e(
|
|
176
187
|
R,
|
|
177
188
|
{
|
|
178
|
-
...
|
|
189
|
+
...I,
|
|
179
190
|
"aria-description": "Click card to select this toolkit. Use the View tools control to see its tools.",
|
|
180
191
|
"aria-label": `Select toolkit ${r}`,
|
|
181
|
-
className:
|
|
192
|
+
className: m(
|
|
182
193
|
"group",
|
|
183
194
|
"relative",
|
|
184
195
|
"h-full",
|
|
@@ -195,71 +206,65 @@ function X({
|
|
|
195
206
|
"dark:hover:bg-neutral-900/70",
|
|
196
207
|
"hover:shadow-lg",
|
|
197
208
|
L({
|
|
198
|
-
selected:
|
|
199
|
-
partial:
|
|
209
|
+
selected: t,
|
|
210
|
+
partial: l
|
|
200
211
|
})
|
|
201
212
|
),
|
|
202
|
-
onClick:
|
|
213
|
+
onClick: g,
|
|
203
214
|
onKeyDown: T,
|
|
204
215
|
tabIndex: 0,
|
|
205
|
-
children: /* @__PURE__ */ e(j, { className: "px-3", children: /* @__PURE__ */
|
|
206
|
-
/* @__PURE__ */
|
|
216
|
+
children: /* @__PURE__ */ e(j, { className: "px-3", children: /* @__PURE__ */ i("div", { className: "space-y-3", children: [
|
|
217
|
+
/* @__PURE__ */ i(
|
|
207
218
|
"div",
|
|
208
219
|
{
|
|
209
|
-
className:
|
|
220
|
+
className: m(
|
|
210
221
|
"grid items-center gap-2",
|
|
211
222
|
"grid-cols-[20px_1fr_auto]",
|
|
212
|
-
|
|
223
|
+
u && "grid-cols-[1fr_auto]"
|
|
213
224
|
),
|
|
214
225
|
children: [
|
|
215
|
-
!
|
|
226
|
+
!u && /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
|
|
216
227
|
O,
|
|
217
228
|
{
|
|
218
|
-
checked:
|
|
219
|
-
onCheckedChange: (
|
|
220
|
-
|
|
221
|
-
ref: (l) => {
|
|
222
|
-
if (l && i && !n) {
|
|
223
|
-
const g = l.querySelector(
|
|
224
|
-
'input[type="checkbox"]'
|
|
225
|
-
);
|
|
226
|
-
g && (g.indeterminate = !0);
|
|
227
|
-
}
|
|
229
|
+
checked: l && !t ? "indeterminate" : t,
|
|
230
|
+
onCheckedChange: (o) => {
|
|
231
|
+
p?.(o === !0);
|
|
228
232
|
},
|
|
233
|
+
onClick: (o) => o.stopPropagation(),
|
|
229
234
|
tabIndex: -1
|
|
230
235
|
}
|
|
231
236
|
) }),
|
|
232
|
-
/* @__PURE__ */ e("div", { className: "mr-1.5 min-w-0", children: /* @__PURE__ */
|
|
233
|
-
/* @__PURE__ */ e("div", { className: "flex size-9 items-center justify-center rounded bg-gradient-to-b from-neutral-200 to-neutral-100 ring-1 ring-black/5 dark:from-neutral-800 dark:to-neutral-900 dark:ring-white/5", children: /* @__PURE__ */ e(
|
|
234
|
-
/* @__PURE__ */
|
|
237
|
+
/* @__PURE__ */ e("div", { className: "mr-1.5 min-w-0", children: /* @__PURE__ */ i("div", { className: "flex min-w-0 items-center gap-3", children: [
|
|
238
|
+
/* @__PURE__ */ e("div", { className: "flex size-9 items-center justify-center rounded bg-gradient-to-b from-neutral-200 to-neutral-100 ring-1 ring-black/5 dark:from-neutral-800 dark:to-neutral-900 dark:ring-white/5", children: /* @__PURE__ */ e(n, { className: "size-6 text-neutral-700 dark:text-neutral-200" }) }),
|
|
239
|
+
/* @__PURE__ */ i("div", { className: "flex h-9 min-w-0 flex-col justify-center space-y-0.5", children: [
|
|
235
240
|
/* @__PURE__ */ e("h3", { className: "truncate font-semibold text-base text-neutral-900 leading-tight dark:text-neutral-100", children: r }),
|
|
236
|
-
a && /* @__PURE__ */
|
|
241
|
+
a && /* @__PURE__ */ i("span", { className: "font-medium text-neutral-500 text-xs leading-tight dark:text-neutral-400", children: [
|
|
237
242
|
"v",
|
|
238
243
|
a
|
|
239
244
|
] })
|
|
240
245
|
] })
|
|
241
246
|
] }) }),
|
|
242
|
-
/* @__PURE__ */ e("div", { className: "mt-0.5 self-center justify-self-end", children:
|
|
247
|
+
/* @__PURE__ */ e("div", { className: "mt-0.5 self-center justify-self-end", children: c ? /* @__PURE__ */ e(
|
|
243
248
|
$,
|
|
244
249
|
{
|
|
245
|
-
indeterminate:
|
|
250
|
+
indeterminate: b,
|
|
246
251
|
name: r,
|
|
247
|
-
onClick: () =>
|
|
248
|
-
selectedCount:
|
|
252
|
+
onClick: () => c(),
|
|
253
|
+
selectedCount: d,
|
|
249
254
|
toolsCount: s
|
|
250
255
|
}
|
|
251
|
-
) : /* @__PURE__ */
|
|
256
|
+
) : /* @__PURE__ */ i(
|
|
252
257
|
"div",
|
|
253
258
|
{
|
|
254
259
|
className: Q({
|
|
255
|
-
indeterminate:
|
|
260
|
+
indeterminate: b
|
|
256
261
|
}),
|
|
257
262
|
children: [
|
|
258
|
-
/* @__PURE__ */ e(
|
|
263
|
+
/* @__PURE__ */ e(P, { className: "h-3 w-3" }),
|
|
259
264
|
/* @__PURE__ */ e("span", { children: M(
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
265
|
+
l,
|
|
266
|
+
t,
|
|
267
|
+
d,
|
|
263
268
|
s
|
|
264
269
|
) })
|
|
265
270
|
]
|
|
@@ -268,19 +273,19 @@ function X({
|
|
|
268
273
|
]
|
|
269
274
|
}
|
|
270
275
|
),
|
|
271
|
-
/* @__PURE__ */ e("div", { className: u
|
|
276
|
+
/* @__PURE__ */ e("div", { className: m(u ? "ml-0" : "ml-8"), children: /* @__PURE__ */ e(
|
|
272
277
|
J,
|
|
273
278
|
{
|
|
274
|
-
isByoc:
|
|
275
|
-
isPro:
|
|
276
|
-
requirementsSummary:
|
|
279
|
+
isByoc: B,
|
|
280
|
+
isPro: A,
|
|
281
|
+
requirementsSummary: x
|
|
277
282
|
}
|
|
278
283
|
) })
|
|
279
284
|
] }) })
|
|
280
285
|
}
|
|
281
286
|
);
|
|
282
287
|
}
|
|
283
|
-
const Y =
|
|
288
|
+
const Y = C([
|
|
284
289
|
"name",
|
|
285
290
|
"version",
|
|
286
291
|
"description",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arcadeai/design-system",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "3.27.
|
|
4
|
+
"version": "3.27.7",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/main.js",
|
|
7
7
|
"types": "./dist/main.d.ts",
|
|
@@ -22,6 +22,11 @@
|
|
|
22
22
|
"types": "./dist/components/ui/organisms/toolkit-picker/index.d.ts",
|
|
23
23
|
"default": "./dist/components/ui/organisms/toolkit-picker/index.js"
|
|
24
24
|
},
|
|
25
|
+
"./components/ui/atoms/icons": {
|
|
26
|
+
"development": "./lib/components/ui/atoms/icons/index.tsx",
|
|
27
|
+
"types": "./dist/components/ui/atoms/icons/index.d.ts",
|
|
28
|
+
"default": "./dist/components/ui/atoms/icons/index.js"
|
|
29
|
+
},
|
|
25
30
|
"./components/*": {
|
|
26
31
|
"development": "./lib/components/*.tsx",
|
|
27
32
|
"types": "./dist/components/*.d.ts",
|
|
@@ -86,7 +91,7 @@
|
|
|
86
91
|
"scripts": {
|
|
87
92
|
"dev": "storybook dev -p 6006 --no-open",
|
|
88
93
|
"dev:types": "tsc -b ./tsconfig.lib.json --watch --preserveWatchOutput",
|
|
89
|
-
"prebuild": "
|
|
94
|
+
"prebuild": "bun run generate-icons",
|
|
90
95
|
"build": "tsc -b ./tsconfig.lib.json && vite build && cp lib/global.d.ts dist/",
|
|
91
96
|
"check": "tsc --noEmit",
|
|
92
97
|
"check-types": "tsc --noEmit",
|
|
@@ -97,7 +102,7 @@
|
|
|
97
102
|
"storybook": "storybook dev -p 6006",
|
|
98
103
|
"build-storybook": "storybook build",
|
|
99
104
|
"generate-metadata-json": "bunx tsx ./scripts/generate-metadata-json.ts",
|
|
100
|
-
"generate-icons": "
|
|
105
|
+
"generate-icons": "bun ./scripts/generate-icon-components.js && bun x ultracite fix ./lib/components/ui/atoms/icons"
|
|
101
106
|
},
|
|
102
107
|
"peerDependencies": {
|
|
103
108
|
"@hookform/resolvers": "5.2.1",
|
|
@@ -127,7 +132,7 @@
|
|
|
127
132
|
"@types/react-dom": "19.2.3",
|
|
128
133
|
"@vitejs/plugin-react-swc": "4.2.2",
|
|
129
134
|
"@vitest/browser-playwright": "4.0.16",
|
|
130
|
-
"@vitest/coverage-
|
|
135
|
+
"@vitest/coverage-istanbul": "4.0.16",
|
|
131
136
|
"chromatic": "13.3.0",
|
|
132
137
|
"glob": "11.1.0",
|
|
133
138
|
"globals": "16.4.0",
|
|
@@ -186,6 +191,6 @@
|
|
|
186
191
|
"lodash-es": "4.17.23"
|
|
187
192
|
},
|
|
188
193
|
"engines": {
|
|
189
|
-
"
|
|
194
|
+
"bun": ">=1.3.5"
|
|
190
195
|
}
|
|
191
196
|
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as e from "react";
|
|
2
|
-
import { forwardRef as L } from "react";
|
|
3
|
-
const a = ({
|
|
4
|
-
title: o,
|
|
5
|
-
titleId: r,
|
|
6
|
-
...C
|
|
7
|
-
}, t) => /* @__PURE__ */ e.createElement("svg", { width: 33, height: 21, viewBox: "0 0 33 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: t, "aria-labelledby": r, ...C }, o === void 0 ? /* @__PURE__ */ e.createElement("title", { id: r }, "Roo Code") : o ? /* @__PURE__ */ e.createElement("title", { id: r }, o) : null, /* @__PURE__ */ e.createElement("path", { d: "M27.6939 0.698856L27.0853 2.88004C27.0531 2.99552 26.9315 3.06224 26.8157 3.02799L16.6072 0.00893058C16.5393 -0.0111487 16.4658 0.00308892 16.4106 0.047029L6.30049 8.08333C6.27097 8.10679 6.23575 8.12215 6.19836 8.12786L0.18292 9.04674C0.0715357 9.06375 -0.0078759 9.16286 0.000622655 9.27425L0.0267609 9.61687C0.035109 9.72631 0.125665 9.81172 0.236347 9.81456L7.22353 9.99359L7.30322 9.9958L12.4661 7.2622C12.5383 7.22393 12.6263 7.22955 12.693 7.27669L16.3507 9.86111C16.408 9.90164 16.4418 9.96737 16.4412 10.0372L16.4103 13.4664C16.4099 13.5108 16.4235 13.5542 16.4491 13.5906L21.5943 20.9084C21.6346 20.9658 21.7007 21 21.7713 21H23.4001C23.5626 21 23.6668 20.8287 23.5909 20.6863L19.9237 13.8002C19.8878 13.7328 19.8908 13.6516 19.9315 13.5871L21.8435 10.551C21.8643 10.5179 21.8939 10.4912 21.9289 10.4735L28.7648 7.03514C28.8342 7.00021 28.9173 7.00508 28.9821 7.0479L30.9355 8.33851C30.971 8.36193 31.0126 8.37442 31.0552 8.37442H32.83C33.0019 8.37442 33.1047 8.18497 33.0101 8.04276L28.082 0.63809C27.98 0.484786 27.7433 0.521844 27.6939 0.698856Z", fill: "currentColor" })), n = L(a);
|
|
8
|
-
export {
|
|
9
|
-
n as default
|
|
10
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"roocode.d.ts","sourceRoot":"","sources":["../../../../../lib/components/ui/atoms/icons/roocode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAErC,eAAO,MAAM,OAAO,GAAI,OAAO,QAAQ,CAAC,aAAa,CAAC,4CAOrD,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsxs as o, jsx as C } from "react/jsx-runtime";
|
|
2
|
-
const e = (L) => /* @__PURE__ */ o("svg", { width: "33", height: "21", viewBox: "0 0 33 21", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...L, children: [
|
|
3
|
-
/* @__PURE__ */ C("title", { children: "Roo Code" }),
|
|
4
|
-
/* @__PURE__ */ C("path", { d: "M27.6939 0.698856L27.0853 2.88004C27.0531 2.99552 26.9315 3.06224 26.8157 3.02799L16.6072 0.00893058C16.5393 -0.0111487 16.4658 0.00308892 16.4106 0.047029L6.30049 8.08333C6.27097 8.10679 6.23575 8.12215 6.19836 8.12786L0.18292 9.04674C0.0715357 9.06375 -0.0078759 9.16286 0.000622655 9.27425L0.0267609 9.61687C0.035109 9.72631 0.125665 9.81172 0.236347 9.81456L7.22353 9.99359L7.30322 9.9958L12.4661 7.2622C12.5383 7.22393 12.6263 7.22955 12.693 7.27669L16.3507 9.86111C16.408 9.90164 16.4418 9.96737 16.4412 10.0372L16.4103 13.4664C16.4099 13.5108 16.4235 13.5542 16.4491 13.5906L21.5943 20.9084C21.6346 20.9658 21.7007 21 21.7713 21H23.4001C23.5626 21 23.6668 20.8287 23.5909 20.6863L19.9237 13.8002C19.8878 13.7328 19.8908 13.6516 19.9315 13.5871L21.8435 10.551C21.8643 10.5179 21.8939 10.4912 21.9289 10.4735L28.7648 7.03514C28.8342 7.00021 28.9173 7.00508 28.9821 7.0479L30.9355 8.33851C30.971 8.36193 31.0126 8.37442 31.0552 8.37442H32.83C33.0019 8.37442 33.1047 8.18497 33.0101 8.04276L28.082 0.63809C27.98 0.484786 27.7433 0.521844 27.6939 0.698856Z", fill: "currentColor" })
|
|
5
|
-
] });
|
|
6
|
-
export {
|
|
7
|
-
e as Roocode,
|
|
8
|
-
e as default
|
|
9
|
-
};
|