@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.
Files changed (68) hide show
  1. package/dist/assets/icons/attio.js +10 -0
  2. package/dist/components/index.js +211 -211
  3. package/dist/components/ui/atoms/checkbox.d.ts.map +1 -1
  4. package/dist/components/ui/atoms/checkbox.js +100 -100
  5. package/dist/components/ui/atoms/icons/attio.d.ts +4 -0
  6. package/dist/components/ui/atoms/icons/attio.d.ts.map +1 -0
  7. package/dist/components/ui/atoms/icons/attio.js +27 -0
  8. package/dist/components/ui/atoms/icons/claude.d.ts.map +1 -1
  9. package/dist/components/ui/atoms/icons/claude.js +22 -4
  10. package/dist/components/ui/atoms/icons/cline.d.ts.map +1 -1
  11. package/dist/components/ui/atoms/icons/cline.js +18 -4
  12. package/dist/components/ui/atoms/icons/cursor-install-dark.d.ts.map +1 -1
  13. package/dist/components/ui/atoms/icons/cursor-install-dark.js +74 -11
  14. package/dist/components/ui/atoms/icons/cursor-install-light.d.ts.map +1 -1
  15. package/dist/components/ui/atoms/icons/cursor-install-light.js +74 -11
  16. package/dist/components/ui/atoms/icons/gemini.d.ts.map +1 -1
  17. package/dist/components/ui/atoms/icons/gemini.js +229 -50
  18. package/dist/components/ui/atoms/icons/goose.d.ts.map +1 -1
  19. package/dist/components/ui/atoms/icons/goose.js +17 -4
  20. package/dist/components/ui/atoms/icons/index.d.ts +1 -1
  21. package/dist/components/ui/atoms/icons/index.d.ts.map +1 -1
  22. package/dist/components/ui/atoms/icons/index.js +196 -196
  23. package/dist/components/ui/atoms/icons/openai.d.ts.map +1 -1
  24. package/dist/components/ui/atoms/icons/openai.js +21 -4
  25. package/dist/components/ui/atoms/icons/vscode.d.ts.map +1 -1
  26. package/dist/components/ui/atoms/icons/vscode.js +182 -34
  27. package/dist/components/ui/atoms/icons/windsurf.d.ts.map +1 -1
  28. package/dist/components/ui/atoms/icons/windsurf.js +21 -4
  29. package/dist/components/ui/atoms/index.js +194 -194
  30. package/dist/components/ui/index.js +211 -211
  31. package/dist/components/ui/molecules/index.js +1 -1
  32. package/dist/components/ui/molecules/requirement-badges.d.ts +6 -3
  33. package/dist/components/ui/molecules/requirement-badges.d.ts.map +1 -1
  34. package/dist/components/ui/molecules/requirement-badges.js +1 -1
  35. package/dist/components/ui/molecules/tool-card.d.ts.map +1 -1
  36. package/dist/components/ui/molecules/tool-card.js +55 -54
  37. package/dist/components/ui/molecules/toolkit-card.d.ts.map +1 -1
  38. package/dist/components/ui/molecules/toolkit-card.js +1 -1
  39. package/dist/components/ui/molecules/toolkit-selection-summary.js +1 -1
  40. package/dist/components/ui/organisms/toolkit-picker/components/search-input.js +1 -1
  41. package/dist/components/ui/organisms/toolkit-picker/components/select-button.js +1 -1
  42. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.js +1 -1
  43. package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.js +1 -1
  44. package/dist/components/ui/organisms/toolkit-picker/components/tools-list.js +1 -1
  45. package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.d.ts.map +1 -1
  46. package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.js +63 -50
  47. package/dist/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.d.ts.map +1 -1
  48. package/dist/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.js +34 -23
  49. package/dist/hooks/use-is-truncated.d.ts +13 -0
  50. package/dist/hooks/use-is-truncated.d.ts.map +1 -0
  51. package/dist/hooks/use-is-truncated.js +20 -0
  52. package/dist/lib/arcade/arcade.d.ts +0 -24
  53. package/dist/lib/arcade/arcade.d.ts.map +1 -1
  54. package/dist/lib/arcade/arcade.js +253 -416
  55. package/dist/lib/arcade/toolkit-collection.d.ts +15 -0
  56. package/dist/lib/arcade/toolkit-collection.d.ts.map +1 -0
  57. package/dist/lib/arcade/toolkit-collection.js +149 -0
  58. package/dist/main.js +224 -224
  59. package/dist/metadata/oauth-providers.d.ts +2 -0
  60. package/dist/metadata/oauth-providers.d.ts.map +1 -1
  61. package/dist/metadata/oauth-providers.js +84 -72
  62. package/dist/metadata/toolkits.js +7 -7
  63. package/dist/{toolkit-card-DaoEIG0R.js → toolkit-card-Cmp_yG03.js} +116 -111
  64. package/package.json +10 -5
  65. package/dist/assets/icons/roocode.js +0 -10
  66. package/dist/components/ui/atoms/icons/roocode.d.ts +0 -4
  67. package/dist/components/ui/atoms/icons/roocode.d.ts.map +0 -1
  68. package/dist/components/ui/atoms/icons/roocode.js +0 -9
@@ -1,123 +1,134 @@
1
- import { jsxs as d, jsx as e } from "react/jsx-runtime";
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 u } from "./utils-6KgZuQUR.js";
6
- import { c as v } from "./index-r7CUvu2m.js";
7
- import { Key as P, Fingerprint as D, Wrench as K, Package as S } from "lucide-react";
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 y } from "./components/ui/atoms/badge.js";
10
- import { ByocBadge as z } from "./components/ui/atoms/byoc-badge.js";
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 U } from "./components/ui/atoms/pro-badge.js";
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 N, TooltipTrigger as w, TooltipContent as C } from "./components/ui/atoms/tooltip.js";
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 x, createPropsComparator as B } from "./components/ui/utils/memo.js";
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 _ = ({ secrets: r }) => {
24
- const a = (r.pending?.length ?? 0) > 0, s = /* @__PURE__ */ d("div", { className: "space-y-3", children: [
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__ */ d("div", { children: [
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__ */ d("div", { children: [
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__ */ d(N, { children: [
36
- /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ d(
37
- y,
38
+ return /* @__PURE__ */ i(v, { children: [
39
+ /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ i(
40
+ N,
38
41
  {
39
- className: u(
42
+ className: m(
40
43
  "gap-1.5 bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-200",
41
- a && "border-l-2 border-l-yellow-600"
44
+ s && "border-l-2 border-l-yellow-600",
45
+ a
42
46
  ),
43
47
  variant: "secondary",
44
48
  children: [
45
- /* @__PURE__ */ e(P, { className: "h-3.5 w-3.5" }),
49
+ /* @__PURE__ */ e(D, { className: "h-3.5 w-3.5" }),
46
50
  "Secrets"
47
51
  ]
48
52
  }
49
53
  ) }),
50
- /* @__PURE__ */ e(C, { className: "max-w-xs p-4 text-sm", sideOffset: 12, children: s })
54
+ /* @__PURE__ */ e(w, { className: "max-w-xs p-4 text-sm", sideOffset: 12, children: n })
51
55
  ] });
52
- }, F = ({ oauth: r }) => {
53
- const a = r.providers.filter((i) => i.status === "active").length, t = r.providers.length - a > 0, n = /* @__PURE__ */ d("div", { className: "space-y-3", children: [
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((i) => /* @__PURE__ */ d("div", { className: "text-gray-700 text-xs dark:text-gray-300", children: [
56
- /* @__PURE__ */ e("span", { className: "font-medium", children: i.id }),
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
- i.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)" }),
59
- i.scopes.length > 0 && /* @__PURE__ */ e("div", { className: "mt-1 pl-3 text-gray-600 dark:text-gray-400", children: i.scopes.join(", ") })
60
- ] }, i.id))
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__ */ d(N, { children: [
63
- /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ d(
64
- y,
69
+ return /* @__PURE__ */ i(v, { children: [
70
+ /* @__PURE__ */ e(y, { asChild: !0, children: /* @__PURE__ */ i(
71
+ N,
65
72
  {
66
- className: u(
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(D, { className: "h-3.5 w-3.5" }),
80
+ /* @__PURE__ */ e(K, { className: "h-3.5 w-3.5" }),
73
81
  "OAuth"
74
82
  ]
75
83
  }
76
84
  ) }),
77
- /* @__PURE__ */ e(C, { className: "max-w-xs p-4 text-sm", sideOffset: 12, children: n })
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: n } = r;
88
- return /* @__PURE__ */ d("div", { className: "flex w-full flex-wrap items-center gap-1.5", children: [
89
- t && /* @__PURE__ */ e(G, { secrets: t }),
90
- n && /* @__PURE__ */ e(H, { oauth: n }),
91
- a && /* @__PURE__ */ e(z, { className: "gap-1.5 rounded-md" }),
92
- s && /* @__PURE__ */ e(U, { className: "gap-1.5 rounded-md" })
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(_, (r, a) => r.secrets === a.secrets ? !0 : !(!(r.secrets && a.secrets) || !x(
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
- ) || !x(
107
+ ) || !h(
99
108
  r.secrets.pending,
100
109
  a.secrets.pending
101
- ))), H = f.memo(F, (r, a) => {
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, t = a.oauth.providers;
107
- if (s === t)
117
+ const s = r.oauth.providers, n = a.oauth.providers;
118
+ if (s === n)
108
119
  return !0;
109
- if (s.length !== t.length)
120
+ if (s.length !== n.length)
110
121
  return !1;
111
- for (let n = 0; n < s.length; n++) {
112
- const i = s[n], c = t[n];
113
- if (!(i.id === c.id && i.status === c.status) || !x(i.scopes, c.scopes))
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
- B(["requirementsSummary", "isByoc", "isPro"])
120
- ), L = v("", {
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, t) => r && !a && s > 0 ? `${s}/${t} tools` : `${t} tool${t !== 1 ? "s" : ""}`, Q = v(
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: t = (p) => /* @__PURE__ */ e(S, { ...p }),
154
- isSelected: n = !1,
155
- isPartiallySelected: i = !1,
156
- selectedToolsCount: c = 0,
157
- requirementsSummary: b,
158
- onSelect: h,
159
- onView: o,
160
- hideCheckbox: m = !1,
161
- isByoc: A,
162
- isPro: I,
163
- ...q
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 p = f.useCallback(() => {
166
- if (m && o) {
167
- o();
176
+ const g = f.useCallback(() => {
177
+ if (u && c) {
178
+ c();
168
179
  return;
169
180
  }
170
- h?.(!n);
171
- }, [m, n, h, o]), T = (l) => {
172
- const g = l.key === "Enter" || l.code === "Enter", E = l.key === " " || l.key === "Spacebar" || l.code === "Space";
173
- (g || E) && (l.preventDefault(), p()), (l.key === "ArrowRight" || l.code === "ArrowRight") && o && (l.preventDefault(), o());
174
- }, k = i && !n;
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
- ...q,
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: u(
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: n,
199
- partial: i
209
+ selected: t,
210
+ partial: l
200
211
  })
201
212
  ),
202
- onClick: p,
213
+ onClick: g,
203
214
  onKeyDown: T,
204
215
  tabIndex: 0,
205
- children: /* @__PURE__ */ e(j, { className: "px-3", children: /* @__PURE__ */ d("div", { className: "space-y-3", children: [
206
- /* @__PURE__ */ d(
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: u(
220
+ className: m(
210
221
  "grid items-center gap-2",
211
222
  "grid-cols-[20px_1fr_auto]",
212
- m && "grid-cols-[1fr_auto]"
223
+ u && "grid-cols-[1fr_auto]"
213
224
  ),
214
225
  children: [
215
- !m && /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
226
+ !u && /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
216
227
  O,
217
228
  {
218
- checked: n,
219
- onCheckedChange: (l) => h?.(!!l),
220
- onClick: (l) => l.stopPropagation(),
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__ */ d("div", { className: "flex min-w-0 items-center gap-3", children: [
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(t, { className: "size-6 text-neutral-700 dark:text-neutral-200" }) }),
234
- /* @__PURE__ */ d("div", { className: "flex h-9 min-w-0 flex-col justify-center space-y-0.5", children: [
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__ */ d("span", { className: "font-medium text-neutral-500 text-xs leading-tight dark:text-neutral-400", children: [
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: o ? /* @__PURE__ */ e(
247
+ /* @__PURE__ */ e("div", { className: "mt-0.5 self-center justify-self-end", children: c ? /* @__PURE__ */ e(
243
248
  $,
244
249
  {
245
- indeterminate: k,
250
+ indeterminate: b,
246
251
  name: r,
247
- onClick: () => o(),
248
- selectedCount: c,
252
+ onClick: () => c(),
253
+ selectedCount: d,
249
254
  toolsCount: s
250
255
  }
251
- ) : /* @__PURE__ */ d(
256
+ ) : /* @__PURE__ */ i(
252
257
  "div",
253
258
  {
254
259
  className: Q({
255
- indeterminate: k
260
+ indeterminate: b
256
261
  }),
257
262
  children: [
258
- /* @__PURE__ */ e(K, { className: "h-3 w-3" }),
263
+ /* @__PURE__ */ e(P, { className: "h-3 w-3" }),
259
264
  /* @__PURE__ */ e("span", { children: M(
260
- i,
261
- n,
262
- c,
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(m ? "ml-0" : "ml-8"), children: /* @__PURE__ */ e(
276
+ /* @__PURE__ */ e("div", { className: m(u ? "ml-0" : "ml-8"), children: /* @__PURE__ */ e(
272
277
  J,
273
278
  {
274
- isByoc: A,
275
- isPro: I,
276
- requirementsSummary: b
279
+ isByoc: B,
280
+ isPro: A,
281
+ requirementsSummary: x
277
282
  }
278
283
  ) })
279
284
  ] }) })
280
285
  }
281
286
  );
282
287
  }
283
- const Y = B([
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.6",
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": "node ./scripts/generate-icon-components.js",
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": "node ./scripts/generate-icon-components.js"
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-v8": "4.0.16",
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
- "node": ">=20.17.0"
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,4 +0,0 @@
1
- import { SVGProps } from 'react';
2
- export declare const Roocode: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default Roocode;
4
- //# sourceMappingURL=roocode.d.ts.map
@@ -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
- };