@arcadeai/design-system 3.27.5 → 3.27.6

package/dist/metadata/utils.d.ts

@@ -1,5 +1,4 @@
-import { ToolkitCatalogueEntry } from './toolkit-icons';
-import { OAuthCatalogue, OAuthProviderIdType } from './types';
+import { OAuthCatalogue, OAuthProviderIdType, Toolkit } from './types';
 /**
  * OAUTH PROVIDERS
  */
@@ -23,10 +22,8 @@ export declare const isPrebuiltProvider: (providerId: string) => boolean;
  */
 export declare const isKnownToolkit: (toolkitName: string) => boolean;
 /**
- * Find a toolkit by its name, with case-insensitive matching
- * @returns Toolkit object with ID, or undefined if not found
+ * Find a toolkit by its name or ID, with case-insensitive matching
+ * @returns Toolkit object, or undefined if not found
  */
-export declare const findToolkitByName: (toolkitName: string) => (ToolkitCatalogueEntry & {
-    id: string;
-}) | undefined;
+export declare const findToolkitByName: (toolkitName: string) => Toolkit | undefined;
 //# sourceMappingURL=utils.d.ts.map

package/dist/metadata/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../lib/metadata/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnE;;GAEG;AAEH;;GAEG;AACH,eAAO,MAAM,gCAAgC,GAC3C,YAAY,mBAAmB,GAAG,MAAM,KACvC,cAAc,GAAG,SAGjB,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,wBAAwB,GACnC,IAAI,MAAM,KACT,cAAc,GAAG,SACqC,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,YAAY,MAAM,KAAG,OAGrD,CAAC;AAEJ;;GAEG;AAEH;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,aAAa,MAAM,KAAG,OAGlD,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAC5B,aAAa,MAAM,KAClB,CAAC,qBAAqB,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,SAK7C,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../lib/metadata/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAE5E;;GAEG;AAEH;;GAEG;AACH,eAAO,MAAM,gCAAgC,GAC3C,YAAY,mBAAmB,GAAG,MAAM,KACvC,cAAc,GAAG,SAGjB,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,wBAAwB,GACnC,IAAI,MAAM,KACT,cAAc,GAAG,SACqC,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,YAAY,MAAM,KAAG,OAGrD,CAAC;AAEJ;;GAEG;AAEH;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,aAAa,MAAM,KAAG,OAGlD,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,aAAa,MAAM,KAAG,OAAO,GAAG,SAQjE,CAAC"}

package/dist/metadata/utils.js

@@ -1,18 +1,21 @@
-import { PREBUILT_OAUTH_PROVIDERS as r } from "./oauth-providers.js";
-import { TOOLKITS as e, TOOLKIT_CATALOGUE as n } from "./toolkits.js";
-const T = (o) => r.find(
-  (i) => i.provider_id === o || i.id === o
-), c = (o) => r.find((i) => i.id === o), l = (o) => r.some(
-  (i) => i.provider_id === o || i.id === o
-), P = (o) => Object.keys(n).some(
-  (i) => i.toLowerCase() === o.toLowerCase()
-), a = (o) => e.find(
-  (t) => t.label.toLowerCase() === o.toLowerCase()
-);
+import { PREBUILT_OAUTH_PROVIDERS as e } from "./oauth-providers.js";
+import { TOOLKITS as t, TOOLKIT_CATALOGUE as n } from "./toolkits.js";
+const T = (i) => e.find(
+  (o) => o.provider_id === i || o.id === i
+), c = (i) => e.find((o) => o.id === i), l = (i) => e.some(
+  (o) => o.provider_id === i || o.id === i
+), m = (i) => Object.keys(n).some(
+  (o) => o.toLowerCase() === i.toLowerCase()
+), L = (i) => {
+  const o = i.toLowerCase();
+  return t.find(
+    (r) => r.label.toLowerCase() === o || r.id.toLowerCase() === o
+  );
+};
 export {
   c as findPrebuiltProviderById,
   T as findPrebuiltProviderByProviderId,
-  a as findToolkitByName,
-  P as isKnownToolkit,
+  L as findToolkitByName,
+  m as isKnownToolkit,
   l as isPrebuiltProvider
 };

package/dist/{toolkit-card-D6Dqff6p.js → toolkit-card-DaoEIG0R.js}

@@ -6,14 +6,14 @@ import { c as u } from "./utils-6KgZuQUR.js";
 import { c as v } from "./index-r7CUvu2m.js";
 import { Key as P, Fingerprint as D, Wrench as K, Package as S } from "lucide-react";
 import * as f from "react";
-import { Badge as N } from "./components/ui/atoms/badge.js";
+import { Badge as y } from "./components/ui/atoms/badge.js";
 import { ByocBadge as z } from "./components/ui/atoms/byoc-badge.js";
 import "./components/ui/atoms/chart.js";
 import "./components/ui/atoms/mobile-tooltip.js";
 import { ProBadge as U } from "./components/ui/atoms/pro-badge.js";
 import "./react-resizable-panels.browser-DYl0LXfw.js";
 import "./components/ui/atoms/sidebar.js";
-import { Tooltip as y, TooltipTrigger as w, TooltipContent as C } from "./components/ui/atoms/tooltip.js";
+import { Tooltip as N, TooltipTrigger as w, TooltipContent as C } from "./components/ui/atoms/tooltip.js";
 import "./components/ui/molecules/date-time-picker.js";
 import "./components/ui/molecules/tool-card.js";
 import { areStringArraysEqual as x, createPropsComparator as B } from "./components/ui/utils/memo.js";
@@ -21,20 +21,20 @@ import "./metadata/oauth-providers.js";
 import "./metadata/toolkits.js";
 import "./components/ui/organisms/toolkit-picker/hooks/use-toolkit-picker.js";
 const _ = ({ secrets: r }) => {
-  const a = (r.pending?.length ?? 0) > 0, s = /* @__PURE__ */ d("div", { className: "space-y-2", children: [
+  const a = (r.pending?.length ?? 0) > 0, s = /* @__PURE__ */ d("div", { className: "space-y-3", children: [
     /* @__PURE__ */ e("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: "API Keys & Secrets" }),
     (r.configured?.length ?? 0) > 0 && /* @__PURE__ */ d("div", { children: [
-      /* @__PURE__ */ e("div", { className: "mb-1 font-medium text-emerald-700 text-xs dark:text-emerald-300", children: "Configured" }),
-      /* @__PURE__ */ e("ul", { className: "list-disc pl-4 text-gray-700 text-xs dark:text-gray-300", children: r.configured?.map((t) => /* @__PURE__ */ e("li", { children: t }, `cfg-${t}`)) })
+      /* @__PURE__ */ e("div", { className: "mb-1.5 font-medium text-emerald-700 text-xs dark:text-emerald-300", children: "Configured" }),
+      /* @__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}`)) })
     ] }),
     (r.pending?.length ?? 0) > 0 && /* @__PURE__ */ d("div", { children: [
-      /* @__PURE__ */ e("div", { className: "mb-1 font-medium text-red-700 text-xs dark:text-red-300", children: "Pending" }),
-      /* @__PURE__ */ e("ul", { className: "list-disc pl-4 text-gray-700 text-xs dark:text-gray-300", children: r.pending?.map((t) => /* @__PURE__ */ e("li", { children: t }, `pen-${t}`)) })
+      /* @__PURE__ */ e("div", { className: "mb-1.5 font-medium text-red-700 text-xs dark:text-red-300", children: "Pending" }),
+      /* @__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}`)) })
     ] })
   ] });
-  return /* @__PURE__ */ d(y, { children: [
+  return /* @__PURE__ */ d(N, { children: [
     /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ d(
-      N,
+      y,
       {
         className: u(
           "gap-1.5 bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-200",
@@ -47,21 +47,21 @@ const _ = ({ secrets: r }) => {
         ]
       }
     ) }),
-    /* @__PURE__ */ e(C, { className: "max-w-xs text-sm", sideOffset: 8, children: s })
+    /* @__PURE__ */ e(C, { className: "max-w-xs p-4 text-sm", sideOffset: 12, children: s })
   ] });
 }, F = ({ oauth: r }) => {
-  const a = r.providers.filter((i) => i.status === "active").length, t = r.providers.length - a > 0, n = /* @__PURE__ */ d("div", { className: "space-y-2", children: [
+  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: [
     /* @__PURE__ */ e("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: "OAuth Authorization" }),
     r.providers.map((i) => /* @__PURE__ */ d("div", { className: "text-gray-700 text-xs dark:text-gray-300", children: [
       /* @__PURE__ */ e("span", { className: "font-medium", children: i.id }),
       " ",
       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)" }),
-      i.scopes.length > 0 && /* @__PURE__ */ e("div", { className: "mt-0.5 pl-3 text-gray-600 dark:text-gray-400", children: i.scopes.join(", ") })
+      i.scopes.length > 0 && /* @__PURE__ */ e("div", { className: "mt-1 pl-3 text-gray-600 dark:text-gray-400", children: i.scopes.join(", ") })
     ] }, i.id))
   ] });
-  return /* @__PURE__ */ d(y, { children: [
+  return /* @__PURE__ */ d(N, { children: [
     /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ d(
-      N,
+      y,
       {
         className: u(
           "gap-1.5 bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-200",
@@ -74,7 +74,7 @@ const _ = ({ secrets: r }) => {
         ]
       }
     ) }),
-    /* @__PURE__ */ e(C, { className: "max-w-xs text-sm", sideOffset: 8, children: n })
+    /* @__PURE__ */ e(C, { className: "max-w-xs p-4 text-sm", sideOffset: 12, children: n })
   ] });
 };
 function W({
@@ -150,7 +150,7 @@ function X({
   name: r,
   version: a,
   toolsCount: s,
-  Icon: t = (g) => /* @__PURE__ */ e(S, { ...g }),
+  Icon: t = (p) => /* @__PURE__ */ e(S, { ...p }),
   isSelected: n = !1,
   isPartiallySelected: i = !1,
   selectedToolsCount: c = 0,
@@ -162,15 +162,15 @@ function X({
   isPro: I,
   ...q
 }) {
-  const g = f.useCallback(() => {
+  const p = f.useCallback(() => {
     if (m && o) {
       o();
       return;
     }
     h?.(!n);
   }, [m, n, h, o]), T = (l) => {
-    const p = l.key === "Enter" || l.code === "Enter", E = l.key === " " || l.key === "Spacebar" || l.code === "Space";
-    (p || E) && (l.preventDefault(), g()), (l.key === "ArrowRight" || l.code === "ArrowRight") && o && (l.preventDefault(), o());
+    const g = l.key === "Enter" || l.code === "Enter", E = l.key === " " || l.key === "Spacebar" || l.code === "Space";
+    (g || E) && (l.preventDefault(), p()), (l.key === "ArrowRight" || l.code === "ArrowRight") && o && (l.preventDefault(), o());
   }, k = i && !n;
   return /* @__PURE__ */ e(
     R,
@@ -199,7 +199,7 @@ function X({
           partial: i
         })
       ),
-      onClick: g,
+      onClick: p,
       onKeyDown: T,
       tabIndex: 0,
       children: /* @__PURE__ */ e(j, { className: "px-3", children: /* @__PURE__ */ d("div", { className: "space-y-3", children: [
@@ -220,10 +220,10 @@ function X({
                   onClick: (l) => l.stopPropagation(),
                   ref: (l) => {
                     if (l && i && !n) {
-                      const p = l.querySelector(
+                      const g = l.querySelector(
                         'input[type="checkbox"]'
                       );
-                      p && (p.indeterminate = !0);
+                      g && (g.indeterminate = !0);
                     }
                   },
                   tabIndex: -1

package/package.json

@@ -1,74 +1,80 @@
 {
   "name": "@arcadeai/design-system",
   "private": false,
-  "version": "3.27.5",
+  "version": "3.27.6",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",
   "exports": {
     ".": {
-      "@arcade/source": "./lib/main.ts",
+      "development": "./lib/main.ts",
       "types": "./dist/main.d.ts",
       "default": "./dist/main.js"
     },
     "./rhf": {
-      "@arcade/source": "./lib/integrations/rhf/index.ts",
+      "development": "./lib/integrations/rhf/index.ts",
       "types": "./dist/integrations/rhf/index.d.ts",
       "default": "./dist/integrations/rhf/index.js"
     },
     "./index.css": "./dist/assets/index.css",
     "./components/ui/organisms/toolkit-picker": {
-      "@arcade/source": "./lib/components/ui/organisms/toolkit-picker/index.tsx",
+      "development": "./lib/components/ui/organisms/toolkit-picker/index.tsx",
       "types": "./dist/components/ui/organisms/toolkit-picker/index.d.ts",
       "default": "./dist/components/ui/organisms/toolkit-picker/index.js"
     },
     "./components/*": {
-      "@arcade/source": "./lib/components/*.tsx",
+      "development": "./lib/components/*.tsx",
       "types": "./dist/components/*.d.ts",
       "default": "./dist/components/*.js"
     },
     "./hooks/*": {
-      "@arcade/source": "./lib/hooks/*.ts",
+      "development": "./lib/hooks/*.ts",
       "types": "./dist/hooks/*.d.ts",
       "default": "./dist/hooks/*.js"
     },
     "./lib/*": {
-      "@arcade/source": "./lib/lib/*.ts",
+      "development": "./lib/lib/*.ts",
       "types": "./dist/lib/*.d.ts",
       "default": "./dist/lib/*.js"
     },
     "./metadata/toolkit-icons": {
-      "@arcade/source": "./lib/metadata/toolkit-icons.tsx",
+      "development": "./lib/metadata/toolkit-icons.tsx",
       "types": "./dist/metadata/toolkit-icons.d.ts",
       "default": "./dist/metadata/toolkit-icons.js"
     },
     "./metadata/*": {
-      "@arcade/source": "./lib/metadata/*.ts",
+      "development": "./lib/metadata/*.ts",
       "types": "./dist/metadata/*.d.ts",
       "default": "./dist/metadata/*.js"
     },
     "./integrations/*": {
-      "@arcade/source": "./lib/integrations/*.ts",
+      "development": "./lib/integrations/*.ts",
       "types": "./dist/integrations/*.d.ts",
       "default": "./dist/integrations/*.js"
     },
     "./assets/images/*": {
-      "@arcade/source": "./lib/assets/images/*.svg",
+      "development": "./lib/assets/images/*.svg",
       "types": "./dist/assets/images/*.d.ts",
       "default": "./dist/assets/images/*.js"
     },
     "./assets/icons/*": {
-      "@arcade/source": "./lib/assets/icons/*.svg",
+      "development": "./lib/assets/icons/*.svg",
       "types": "./dist/assets/icons/*.d.ts",
       "default": "./dist/assets/icons/*.js"
     },
-    "./assets/*": "./dist/assets/*",
-    "./assets/variables.css": "./dist/assets/variables.css",
-    "./assets/tokens.css": "./dist/assets/tokens.css",
-    "./assets/fonts.css": "./dist/assets/fonts.css",
-    "./variables.css": "./dist/assets/variables.css",
-    "./tokens.css": "./dist/assets/tokens.css",
-    "./fonts.css": "./dist/assets/fonts.css"
+    "./assets/variables.css": {
+      "development": "./lib/variables.css",
+      "default": "./dist/assets/variables.css"
+    },
+    "./assets/tokens.css": {
+      "development": "./lib/tokens.css",
+      "default": "./dist/assets/tokens.css"
+    },
+    "./assets/fonts.css": {
+      "development": "./lib/fonts.css",
+      "default": "./dist/assets/fonts.css"
+    },
+    "./assets/*": "./dist/assets/*"
   },
   "repository": "github:ArcadeAI/Design-System",
   "files": [