@arcadeai/design-system 2.3.0 → 3.0.0

package/dist/components/ui/organisms/toolkit-picker/components/toolkit-card-with-selection.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
-import { getToolkitIcon as c } from "../../../atoms/icons/utils.js";
-import { T as d } from "../../../../../toolkit-card-BWuG_NJi.js";
+import { T as c } from "../../../../../toolkit-card-nuE_5OvN.js";
+import { getToolkitIcon as d } from "../../../../../metadata/toolkit-icons.js";
 function g({
   toolkit: e,
   selectedTools: o,
@@ -12,15 +12,12 @@ function g({
     (l) => o.has(l.fully_qualified_name)
   ).length, i = s === e.tools.length, r = s > 0 && s < e.tools.length;
   return /* @__PURE__ */ m(
-    d,
+    c,
     {
       "data-testid": `toolkit-card-${e.name}`,
       description: e.description,
       hideCheckbox: n === "single",
-      Icon: c({
-        metadataIcon: e.metadata?.icon,
-        toolkitName: e.name
-      }),
+      Icon: d(e.metadata?.id),
       isByoc: e.metadata?.isBYOC ?? !1,
       isPartiallySelected: r,
       isPro: e.metadata?.isPro ?? !1,

package/dist/components/ui/organisms/toolkit-picker/components/toolkit-list.js

@@ -1,18 +1,19 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import { EmptyState as k } from "../../../molecules/empty-state.js";
-import "../../../../../toolkit-card-BWuG_NJi.js";
+import "../../../../../toolkit-card-nuE_5OvN.js";
 import "../../../molecules/tool-card.js";
 import "lucide-react";
+import "../../../../../metadata/oauth-providers.js";
 import "../../../../../metadata/toolkits.js";
 import { useToolkitPicker as f } from "../hooks/use-toolkit-picker.js";
 import "../../../atoms/mobile-tooltip.js";
 import "../../../atoms/chart.js";
-import "../../../../../react-resizable-panels.browser-DggUboAp.js";
+import "../../../../../react-resizable-panels.browser-31wAXhAV.js";
 import "../../../atoms/sidebar.js";
 import "react";
 import "../../../atoms/table.js";
 import { ToolkitCardWithSelection as h } from "./toolkit-card-with-selection.js";
-function F({ selectionMode: s }) {
+function L({ selectionMode: s }) {
   const {
     state: { filteredToolkits: i, selectedToolkits: r, selectedTools: a },
     toggleToolkit: x,
@@ -86,5 +87,5 @@ function F({ selectionMode: s }) {
   ] });
 }
 export {
-  F as ToolkitList
+  L as ToolkitList
 };

package/dist/components/ui/organisms/toolkit-picker/components/tools-list.js

@@ -1,22 +1,22 @@
 import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { getToolIconByToolkitName as u } from "../../../atoms/icons/utils.js";
 import { EmptyState as h } from "../../../molecules/empty-state.js";
-import "../../../../../toolkit-card-BWuG_NJi.js";
+import "../../../../../toolkit-card-nuE_5OvN.js";
 import { ToolCard as p } from "../../../molecules/tool-card.js";
 import "lucide-react";
+import { getToolkitIcon as g } from "../../../../../metadata/toolkit-icons.js";
 import { useToolkitPicker as x } from "../hooks/use-toolkit-picker.js";
 import "../../../atoms/mobile-tooltip.js";
 import "../../../atoms/chart.js";
-import "../../../../../react-resizable-panels.browser-DggUboAp.js";
+import "../../../../../react-resizable-panels.browser-31wAXhAV.js";
 import "../../../atoms/sidebar.js";
 import "react";
 import "../../../atoms/table.js";
-function $({ selectionMode: d }) {
+function $({ selectionMode: n }) {
   const {
-    state: { filteredTools: n, filteredToolkits: o, selectedTools: l },
-    toggleTool: m
+    state: { filteredTools: m, filteredToolkits: o, selectedTools: l },
+    toggleTool: c
   } = x();
-  if (n.size === 0)
+  if (m.size === 0)
     return /* @__PURE__ */ t(
       h,
       {
@@ -25,9 +25,9 @@ function $({ selectionMode: d }) {
         title: "No tools found"
       }
     );
-  const c = Array.from(n), i = c.filter(
+  const f = Array.from(m), i = f.filter(
     (e) => l.has(e.fully_qualified_name)
-  ), f = c.filter(
+  ), u = f.filter(
     (e) => !l.has(e.fully_qualified_name)
   );
   return /* @__PURE__ */ a("div", { className: "space-y-4", "data-testid": "tools-grid", children: [
@@ -43,19 +43,19 @@ function $({ selectionMode: d }) {
           "data-testid": "selected-tools-grid",
           children: i.map((e) => {
             const r = Array.from(o).find(
-              (s) => s.name === e.toolkit.name
-            )?.metadata?.icon ?? u(e.toolkit.name);
+              (d) => d.name === e.toolkit.name
+            ), s = g(r?.metadata?.id);
             return /* @__PURE__ */ t(
               p,
               {
                 "data-testid": `tool-card-${e.fully_qualified_name}`,
                 description: e.description,
                 fully_qualified_name: e.fully_qualified_name,
-                hideCheckbox: d === "single",
-                Icon: r,
+                hideCheckbox: n === "single",
+                Icon: s,
                 isSelected: l.has(e.fully_qualified_name),
                 name: e.name,
-                onSelect: () => m(e),
+                onSelect: () => c(e),
                 toolkitName: e.toolkit.name
               },
               e.fully_qualified_name
@@ -67,23 +67,23 @@ function $({ selectionMode: d }) {
     /* @__PURE__ */ a("div", { className: "space-y-2", children: [
       i.length > 0 && /* @__PURE__ */ a("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ t("h3", { className: "font-semibold text-neutral-700 text-sm dark:text-neutral-200", children: "All tools" }),
-        /* @__PURE__ */ t("span", { className: "rounded-full bg-neutral-200 px-1.5 py-0.5 text-neutral-800 text-xs dark:bg-neutral-800 dark:text-neutral-200", children: f.length })
+        /* @__PURE__ */ t("span", { className: "rounded-full bg-neutral-200 px-1.5 py-0.5 text-neutral-800 text-xs dark:bg-neutral-800 dark:text-neutral-200", children: u.length })
       ] }),
-      /* @__PURE__ */ t("div", { className: "mt-2 grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3", children: f.map((e) => {
+      /* @__PURE__ */ t("div", { className: "mt-2 grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-3", children: u.map((e) => {
         const r = Array.from(o).find(
-          (s) => s.name === e.toolkit.name
-        )?.metadata?.icon ?? u(e.toolkit.name);
+          (d) => d.name === e.toolkit.name
+        ), s = g(r?.metadata?.id);
         return /* @__PURE__ */ t(
           p,
           {
             "data-testid": `tool-card-${e.fully_qualified_name}`,
             description: e.description,
             fully_qualified_name: e.fully_qualified_name,
-            hideCheckbox: d === "single",
-            Icon: r,
+            hideCheckbox: n === "single",
+            Icon: s,
             isSelected: l.has(e.fully_qualified_name),
             name: e.name,
-            onSelect: () => m(e),
+            onSelect: () => c(e),
             toolkitName: e.toolkit.name
           },
           e.fully_qualified_name

package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker-filter.test.js

@@ -1,8 +1,8 @@
 import { jsx as s } from "react/jsx-runtime";
-import { r as c, a as i } from "../../../../../react.esm-DUaR5u-J.js";
+import { r as c, a as i } from "../../../../../react.esm-I5_wjDW6.js";
 import { mockToolkitCollection as a } from "../mocks/toolkit-collection.js";
 import { useToolkitPicker as n, ToolkitPickerProvider as k } from "./use-toolkit-picker.js";
-import { d as T, b as d, i as u, g as e, v as p } from "../../../../../vi.bdSIJ99Y-Bs-viS39.js";
+import { d as T, b as d, i as u, g as e, v as p } from "../../../../../vi.bdSIJ99Y-DBnM2VfT.js";
 T("useToolkitPicker - Filter Tests", () => {
   d(() => {
     p.clearAllMocks();

package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker-search.test.js

@@ -1,8 +1,8 @@
 import { jsx as i } from "react/jsx-runtime";
-import { r as c, a as l } from "../../../../../react.esm-DUaR5u-J.js";
+import { r as c, a as l } from "../../../../../react.esm-I5_wjDW6.js";
 import { mockToolkitCollection as a } from "../mocks/toolkit-collection.js";
 import { useToolkitPicker as n, ToolkitPickerProvider as u } from "./use-toolkit-picker.js";
-import { d as k, b as h, i as d, g as o, v as m } from "../../../../../vi.bdSIJ99Y-Bs-viS39.js";
+import { d as k, b as h, i as d, g as o, v as m } from "../../../../../vi.bdSIJ99Y-DBnM2VfT.js";
 k("useToolkitPicker - Search Tests", () => {
   h(() => {
     m.clearAllMocks();

package/dist/components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker-selection.test.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { r as i, a as t } from "../../../../../react.esm-DUaR5u-J.js";
+import { r as i, a as t } from "../../../../../react.esm-I5_wjDW6.js";
 import { simpleMockToolkitCollection as c } from "../mocks/toolkit-collection.js";
 import { useToolkitPicker as a, ToolkitPickerProvider as n } from "./use-toolkit-picker.js";
-import { d as u, b as k, i as d, g as o, v as m } from "../../../../../vi.bdSIJ99Y-Bs-viS39.js";
+import { d as u, b as k, i as d, g as o, v as m } from "../../../../../vi.bdSIJ99Y-DBnM2VfT.js";
 u("useToolkitPicker - Selection Tests", () => {
   k(() => {
     m.clearAllMocks();

package/dist/components/ui/organisms/toolkit-picker/mocks/toolkit-collection.js

@@ -1,10 +1,8 @@
 import "../../../../../web-sgv-FK6q.js";
-import "react/jsx-runtime";
-import { Generic as w } from "../../../atoms/icons/generic.js";
 import { allTools as d } from "../../../../../lib/arcade/mocks.js";
-import { TOOLKIT_CATALOGUE as y } from "../../../../../metadata/toolkits.js";
-const q = d.filter((i) => i.toolkit.name === "basic"), M = d.filter((i) => i.toolkit.name === "api_toolkit"), T = d.filter((i) => i.toolkit.name === "Google"), b = d.filter((i) => i.toolkit.name === "Gmail"), o = (i, r = !1, n = !1) => {
-  const l = y[i];
+import { TOOLKIT_CATALOGUE as w } from "../../../../../metadata/toolkits.js";
+const y = d.filter((i) => i.toolkit.name === "basic"), q = d.filter((i) => i.toolkit.name === "api_toolkit"), M = d.filter((i) => i.toolkit.name === "Google"), T = d.filter((i) => i.toolkit.name === "Gmail"), o = (i, r = !1, n = !1) => {
+  const l = w[i];
   return l ? {
     ...l,
     isBYOC: r,
@@ -15,8 +13,6 @@ const q = d.filter((i) => i.toolkit.name === "basic"), M = d.filter((i) => i.too
     isBYOC: r,
     isPro: n,
     publicIconUrl: "",
-    icon: w,
-    summary: `Mock ${i} toolkit`,
     docsLink: `https://docs.example.com/${i}`,
     relativeDocsLink: `/${i}`,
     type: "community",
@@ -24,12 +20,12 @@ const q = d.filter((i) => i.toolkit.name === "basic"), M = d.filter((i) => i.too
     isComingSoon: !1,
     isHidden: !1
   };
-}, S = {
+}, b = {
   basic: {
     name: "basic",
     description: "Basic toolkit with essential tools",
     version: "1.0.0",
-    tools: q,
+    tools: y,
     requirements: {
       met: !0,
       secrets: [],
@@ -41,7 +37,7 @@ const q = d.filter((i) => i.toolkit.name === "basic"), M = d.filter((i) => i.too
     name: "api_toolkit",
     description: "API toolkit for external integrations",
     version: "2.0.0",
-    tools: M,
+    tools: q,
     requirements: {
       met: !1,
       secrets: [
@@ -219,7 +215,7 @@ const q = d.filter((i) => i.toolkit.name === "basic"), M = d.filter((i) => i.too
     name: "Google",
     description: "Arcade.dev LLM tools for Google Workspace",
     version: "1.2.4",
-    tools: T,
+    tools: M,
     requirements: {
       met: !0,
       secrets: [],
@@ -238,7 +234,7 @@ const q = d.filter((i) => i.toolkit.name === "basic"), M = d.filter((i) => i.too
     name: "Gmail",
     description: "Arcade.dev LLM tools for Gmail",
     version: "2.0.0",
-    tools: b,
+    tools: T,
     requirements: {
       met: !0,
       secrets: [],
@@ -378,7 +374,7 @@ function f(i) {
     searchIndex: u
   };
 }
-const A = {
+const S = {
   Slack: {
     name: "Slack",
     description: "Slack communication toolkit",
@@ -431,7 +427,7 @@ const A = {
     ],
     requirements: { met: !0, secrets: [], authorization: [], scopes: {} }
   }
-}, P = f(S), x = f(A), E = {
+}, C = f(b), N = f(S), A = {
   Gmail: {
     name: "Gmail",
     description: "Gmail email management toolkit",
@@ -618,8 +614,8 @@ const A = {
       scopes: { notion: ["read", "write"] }
     }
   }
-}, H = f(E);
-function L() {
+}, $ = f(A);
+function P() {
   const i = {}, _ = [
     "Discord",
     "Notion",
@@ -696,11 +692,11 @@ function L() {
 }
 export {
   f as createMockToolkitCollection,
-  H as demoMockToolkitCollection,
-  E as demoMockToolkits,
-  L as generateLargeDataset,
-  P as mockToolkitCollection,
-  S as mockToolkits,
-  x as simpleMockToolkitCollection,
-  A as simpleMockToolkits
+  $ as demoMockToolkitCollection,
+  A as demoMockToolkits,
+  P as generateLargeDataset,
+  C as mockToolkitCollection,
+  b as mockToolkits,
+  N as simpleMockToolkitCollection,
+  S as simpleMockToolkits
 };