@arcadeai/design-system 3.40.0 → 3.42.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 (69) hide show
  1. package/dist/assets/icons/cursor.js +6 -9
  2. package/dist/assets/icons/forkable.js +10 -0
  3. package/dist/assets/icons/mcp.js +2 -5
  4. package/dist/assets/icons/resend.js +10 -0
  5. package/dist/assets/index.css +1 -1
  6. package/dist/assets/tokens.css +1 -1
  7. package/dist/assets/variables.css +1 -1
  8. package/dist/components/index.js +504 -494
  9. package/dist/components/ui/atoms/badge.js +5 -5
  10. package/dist/components/ui/atoms/button.js +1 -1
  11. package/dist/components/ui/atoms/compute-flow-paths.d.ts +21 -0
  12. package/dist/components/ui/atoms/compute-flow-paths.d.ts.map +1 -0
  13. package/dist/components/ui/atoms/compute-flow-paths.js +38 -0
  14. package/dist/components/ui/atoms/flow-connector.d.ts +48 -0
  15. package/dist/components/ui/atoms/flow-connector.d.ts.map +1 -0
  16. package/dist/components/ui/atoms/flow-connector.js +153 -0
  17. package/dist/components/ui/atoms/flow-hub.d.ts +26 -0
  18. package/dist/components/ui/atoms/flow-hub.d.ts.map +1 -0
  19. package/dist/components/ui/atoms/flow-hub.js +34 -0
  20. package/dist/components/ui/atoms/flow-tile.d.ts +19 -0
  21. package/dist/components/ui/atoms/flow-tile.d.ts.map +1 -0
  22. package/dist/components/ui/atoms/flow-tile.js +49 -0
  23. package/dist/components/ui/atoms/icons/cursor.d.ts.map +1 -1
  24. package/dist/components/ui/atoms/icons/cursor.js +7 -7
  25. package/dist/components/ui/atoms/icons/forkable.d.ts +4 -0
  26. package/dist/components/ui/atoms/icons/forkable.d.ts.map +1 -0
  27. package/dist/components/ui/atoms/icons/forkable.js +31 -0
  28. package/dist/components/ui/atoms/icons/index.d.ts +2 -0
  29. package/dist/components/ui/atoms/icons/index.d.ts.map +1 -1
  30. package/dist/components/ui/atoms/icons/index.js +230 -226
  31. package/dist/components/ui/atoms/icons/mcp.d.ts.map +1 -1
  32. package/dist/components/ui/atoms/icons/mcp.js +3 -4
  33. package/dist/components/ui/atoms/icons/resend.d.ts +4 -0
  34. package/dist/components/ui/atoms/icons/resend.d.ts.map +1 -0
  35. package/dist/components/ui/atoms/icons/resend.js +24 -0
  36. package/dist/components/ui/atoms/index.js +372 -368
  37. package/dist/components/ui/atoms/switch.js +19 -19
  38. package/dist/components/ui/index.js +504 -494
  39. package/dist/components/ui/molecules/date-time-picker.js +1 -1
  40. package/dist/components/ui/molecules/flow-diagram.d.ts +56 -0
  41. package/dist/components/ui/molecules/flow-diagram.d.ts.map +1 -0
  42. package/dist/components/ui/molecules/flow-diagram.js +232 -0
  43. package/dist/components/ui/molecules/index.d.ts +2 -0
  44. package/dist/components/ui/molecules/index.d.ts.map +1 -1
  45. package/dist/components/ui/molecules/index.js +42 -40
  46. package/dist/components/ui/molecules/requirement-badges.js +6 -4
  47. package/dist/components/ui/molecules/tool-card.d.ts.map +1 -1
  48. package/dist/components/ui/molecules/tool-card.js +19 -22
  49. package/dist/components/ui/molecules/toolkit-card.js +1 -1
  50. package/dist/components/ui/pages/login-page.js +13 -13
  51. package/dist/components/ui/templates/gateway-diagram.d.ts +28 -0
  52. package/dist/components/ui/templates/gateway-diagram.d.ts.map +1 -0
  53. package/dist/components/ui/templates/gateway-diagram.js +76 -0
  54. package/dist/components/ui/templates/index.d.ts +2 -0
  55. package/dist/components/ui/templates/index.d.ts.map +1 -1
  56. package/dist/components/ui/templates/index.js +31 -27
  57. package/dist/main.js +534 -522
  58. package/dist/metadata/index.d.ts +1 -0
  59. package/dist/metadata/index.d.ts.map +1 -1
  60. package/dist/metadata/index.js +25 -23
  61. package/dist/metadata/mcp-clients.d.ts +54 -0
  62. package/dist/metadata/mcp-clients.d.ts.map +1 -0
  63. package/dist/metadata/mcp-clients.js +23 -0
  64. package/dist/metadata/toolkit-icons.d.ts.map +1 -1
  65. package/dist/metadata/toolkit-icons.js +162 -158
  66. package/dist/metadata/toolkits.d.ts.map +1 -1
  67. package/dist/metadata/toolkits.js +26 -0
  68. package/dist/{toolkit-card-Dc104Z9e.js → toolkit-card-ryIR325K.js} +22 -20
  69. package/package.json +5 -5
@@ -22,6 +22,8 @@ import "./components/ui/molecules/prompt-input.js";
22
22
  import "./components/ui/molecules/tool-call-accordion.js";
23
23
  import "./components/ui/molecules/tool-card.js";
24
24
  import { areStringArraysEqual as h, createPropsComparator as B } from "./components/ui/utils/memo.js";
25
+ import "./metadata/oauth-providers.js";
26
+ import "./metadata/toolkits.js";
25
27
  const F = ({
26
28
  secrets: r,
27
29
  className: a
@@ -64,14 +66,14 @@ const F = ({
64
66
  oauth: r,
65
67
  className: a
66
68
  }) => {
67
- 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: [
69
+ const s = r.providers.filter((o) => o.status === "active").length, t = r.providers.length - s > 0, l = /* @__PURE__ */ i("div", { className: "space-y-3", children: [
68
70
  /* @__PURE__ */ e("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: "OAuth Authorization" }),
69
- r.providers.map((d) => /* @__PURE__ */ i("div", { className: "text-gray-700 text-xs dark:text-gray-300", children: [
70
- /* @__PURE__ */ e("span", { className: "font-medium", children: d.id }),
71
+ r.providers.map((o) => /* @__PURE__ */ i("div", { className: "text-gray-700 text-xs dark:text-gray-300", children: [
72
+ /* @__PURE__ */ e("span", { className: "font-medium", children: o.id }),
71
73
  " ",
72
- 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)" }),
73
- d.scopes.length > 0 && /* @__PURE__ */ e("div", { className: "mt-1 pl-3 text-gray-600 dark:text-gray-400", children: d.scopes.join(", ") })
74
- ] }, d.id))
74
+ o.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)" }),
75
+ o.scopes.length > 0 && /* @__PURE__ */ e("div", { className: "mt-1 pl-3 text-gray-600 dark:text-gray-400", children: o.scopes.join(", ") })
76
+ ] }, o.id))
75
77
  ] });
76
78
  return /* @__PURE__ */ i(v, { children: [
77
79
  /* @__PURE__ */ i(
@@ -132,8 +134,8 @@ const G = f.memo(F, (r, a) => r.className !== a.className ? !1 : r.secrets === a
132
134
  if (s.length !== n.length)
133
135
  return !1;
134
136
  for (let t = 0; t < s.length; t++) {
135
- const l = s[t], d = n[t];
136
- if (!(l.id === d.id && l.status === d.status) || !h(l.scopes, d.scopes))
137
+ const l = s[t], o = n[t];
138
+ if (!(l.id === o.id && l.status === o.status) || !h(l.scopes, o.scopes))
137
139
  return !1;
138
140
  }
139
141
  return !0;
@@ -176,7 +178,7 @@ function X({
176
178
  Icon: n = (p) => /* @__PURE__ */ e($, { ...p }),
177
179
  isSelected: t = !1,
178
180
  isPartiallySelected: l = !1,
179
- selectedToolsCount: d = 0,
181
+ selectedToolsCount: o = 0,
180
182
  requirementsSummary: x,
181
183
  onSelect: g,
182
184
  onView: c,
@@ -191,9 +193,9 @@ function X({
191
193
  return;
192
194
  }
193
195
  g?.(!(t || l));
194
- }, [u, t, l, g, c]), T = (o) => {
195
- const q = o.key === "Enter" || o.code === "Enter", E = o.key === " " || o.key === "Spacebar" || o.code === "Space";
196
- (q || E) && (o.preventDefault(), p()), (o.key === "ArrowRight" || o.code === "ArrowRight") && c && (o.preventDefault(), c());
196
+ }, [u, t, l, g, c]), T = (d) => {
197
+ const q = d.key === "Enter" || d.code === "Enter", E = d.key === " " || d.key === "Spacebar" || d.code === "Space";
198
+ (q || E) && (d.preventDefault(), p()), (d.key === "ArrowRight" || d.code === "ArrowRight") && c && (d.preventDefault(), c());
197
199
  }, b = l && !t;
198
200
  return /* @__PURE__ */ e(
199
201
  D,
@@ -222,8 +224,8 @@ function X({
222
224
  partial: l
223
225
  })
224
226
  ),
225
- onClick: (o) => {
226
- o.target.closest('[data-slot="checkbox-wrapper"]') || p();
227
+ onClick: (d) => {
228
+ d.target.closest('[data-slot="checkbox-wrapper"]') || p();
227
229
  },
228
230
  onKeyDown: T,
229
231
  tabIndex: 0,
@@ -247,8 +249,8 @@ function X({
247
249
  {
248
250
  checked: t,
249
251
  indeterminate: l && !t,
250
- onCheckedChange: (o) => {
251
- g?.(o === !0);
252
+ onCheckedChange: (d) => {
253
+ g?.(d === !0);
252
254
  },
253
255
  tabIndex: -1
254
256
  }
@@ -271,7 +273,7 @@ function X({
271
273
  indeterminate: b,
272
274
  name: r,
273
275
  onClick: () => c(),
274
- selectedCount: d,
276
+ selectedCount: o,
275
277
  toolsCount: s
276
278
  }
277
279
  ) : /* @__PURE__ */ i(
@@ -285,7 +287,7 @@ function X({
285
287
  /* @__PURE__ */ e("span", { children: M(
286
288
  l,
287
289
  t,
288
- d,
290
+ o,
289
291
  s
290
292
  ) })
291
293
  ]
@@ -319,7 +321,7 @@ const Y = B([
319
321
  "isByoc",
320
322
  "isPro",
321
323
  "hideCheckbox"
322
- ]), Ne = f.memo(
324
+ ]), ye = f.memo(
323
325
  X,
324
326
  Y
325
327
  );
@@ -327,5 +329,5 @@ export {
327
329
  H as O,
328
330
  J as R,
329
331
  G as S,
330
- Ne as T
332
+ ye as T
331
333
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arcadeai/design-system",
3
3
  "private": false,
4
- "version": "3.40.0",
4
+ "version": "3.42.3",
5
5
  "type": "module",
6
6
  "main": "./dist/main.js",
7
7
  "types": "./dist/main.d.ts",
@@ -115,10 +115,10 @@
115
115
  "@streamdown/code": "1.1.1",
116
116
  "class-variance-authority": "0.7.1",
117
117
  "clsx": "2.1.1",
118
- "cmdk": "^1.1.1",
119
- "date-fns": "^4.1.0",
120
- "react-day-picker": "^9.14.0",
121
- "react-resizable-panels": "^4.10.0",
118
+ "cmdk": "1.1.1",
119
+ "date-fns": "4.1.0",
120
+ "react-day-picker": "9.14.0",
121
+ "react-resizable-panels": "4.10.0",
122
122
  "react-shiki": "0.9.3",
123
123
  "remark-breaks": "4.0.0",
124
124
  "remark-gfm": "4.0.1",