@arcadeai/design-system 3.29.0 → 3.29.2

package/package.json

@@ -1,77 +1,33 @@
 {
   "name": "@arcadeai/design-system",
   "private": false,
-  "version": "3.29.0",
+  "version": "3.29.2",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",
   "exports": {
     ".": {
-      "development": "./lib/main.ts",
       "types": "./dist/main.d.ts",
       "default": "./dist/main.js"
     },
     "./rhf": {
-      "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": {
-      "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/ui/atoms/icons": {
-      "development": "./lib/components/ui/atoms/icons/index.tsx",
       "types": "./dist/components/ui/atoms/icons/index.d.ts",
       "default": "./dist/components/ui/atoms/icons/index.js"
     },
-    "./components/*": {
-      "development": "./lib/components/*.tsx",
-      "types": "./dist/components/*.d.ts",
-      "default": "./dist/components/*.js"
-    },
-    "./hooks/*": {
-      "development": "./lib/hooks/*.ts",
-      "types": "./dist/hooks/*.d.ts",
-      "default": "./dist/hooks/*.js"
-    },
-    "./lib/*": {
-      "development": "./lib/lib/*.ts",
-      "types": "./dist/lib/*.d.ts",
-      "default": "./dist/lib/*.js"
-    },
     "./metadata/toolkit-icons": {
-      "development": "./lib/metadata/toolkit-icons.tsx",
       "types": "./dist/metadata/toolkit-icons.d.ts",
       "default": "./dist/metadata/toolkit-icons.js"
     },
-    "./metadata/*": {
-      "development": "./lib/metadata/*.ts",
-      "types": "./dist/metadata/*.d.ts",
-      "default": "./dist/metadata/*.js"
-    },
-    "./integrations/*": {
-      "development": "./lib/integrations/*.ts",
-      "types": "./dist/integrations/*.d.ts",
-      "default": "./dist/integrations/*.js"
-    },
-    "./assets/images/*": {
-      "development": "./lib/assets/images/*.svg",
-      "types": "./dist/assets/images/*.d.ts",
-      "default": "./dist/assets/images/*.js"
-    },
-    "./assets/icons/*": {
-      "development": "./lib/assets/icons/*.svg",
-      "types": "./dist/assets/icons/*.d.ts",
-      "default": "./dist/assets/icons/*.js"
-    },
-    "./assets/*.css": {
-      "development": "./lib/*.css",
-      "default": "./dist/assets/*.css"
-    },
-    "./assets/*": "./dist/assets/*"
+    "./assets/*.css": "./dist/assets/*.css",
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*.js"
+    }
   },
   "repository": "github:ArcadeAI/Design-System",
   "files": [
@@ -99,45 +55,47 @@
     "build:registry": "bun ./scripts/generate-registry.ts && bun x shadcn build"
   },
   "peerDependencies": {
-    "@hookform/resolvers": "5.2.1",
-    "lucide-react": "0.544.0",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
-    "react-hook-form": "7.62.0",
-    "recharts": "3.2.0",
-    "tailwindcss": "4.1.13"
+    "@hookform/resolvers": ">=5.2.1",
+    "lucide-react": ">=0.544.0",
+    "react": ">=19.2.1",
+    "react-dom": ">=19.2.1",
+    "react-hook-form": ">=7.62.0",
+    "recharts": ">=3.2.0",
+    "tailwindcss": ">=4.1.13"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "4.1.3",
+    "@chromatic-com/storybook": "5.0.1",
+    "@tanstack/react-virtual": "3.13.18",
     "@hookform/resolvers": "5.2.2",
     "@monorepo/config": "0.0.0",
-    "@storybook/addon-a11y": "10.1.11",
-    "@storybook/addon-docs": "10.1.11",
-    "@storybook/addon-themes": "10.1.11",
-    "@storybook/addon-vitest": "10.1.11",
-    "@storybook/react-vite": "10.1.11",
+    "@monorepo/storybook-config": "0.0.0",
+    "@storybook/addon-a11y": "10.2.10",
+    "@storybook/addon-docs": "10.2.10",
+    "@storybook/addon-themes": "10.2.10",
+    "@storybook/addon-vitest": "10.2.10",
+    "@storybook/react-vite": "10.2.10",
     "@tailwindcss/vite": "4.1.18",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.1",
     "@testing-library/user-event": "14.6.1",
-    "@types/node": "24.8.1",
+    "@types/node": "24.10.0",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react-swc": "4.2.2",
     "@vitest/browser-playwright": "4.0.16",
     "@vitest/coverage-istanbul": "4.0.16",
-    "chromatic": "13.3.0",
+    "chromatic": "15.1.1",
     "glob": "11.1.0",
-    "globals": "16.4.0",
+    "globals": "16.5.0",
     "happy-dom": "20.0.5",
-    "lucide-react": "0.546.0",
+    "lucide-react": "0.553.0",
     "playwright": "1.57.0",
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-hook-form": "7.66.0",
-    "recharts": "3.3.0",
-    "storybook": "10.1.11",
+    "recharts": "3.4.1",
+    "storybook": "10.2.10",
     "tailwindcss": "4.1.18",
     "tw-animate-css": "1.4.0",
     "typescript": "5.9.3",
@@ -149,8 +107,6 @@
     "zod": "4.3.4"
   },
   "dependencies": {
-    "@arcadeai/arcadejs": "1.11.1",
-    "@tanstack/react-virtual": "3.13.18",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
     "cmdk": "1.1.1",

package/dist/components/ui/molecules/toolkit-picker-trigger.d.ts

@@ -1,9 +0,0 @@
-import { Button } from '../atoms/button';
-import type * as React from "react";
-export type ToolkitPickerTriggerProps = React.ComponentProps<typeof Button> & {
-    maxVisibleIcons?: number;
-    countType?: "toolkits" | "tools";
-    loading?: boolean;
-};
-export declare function ToolkitPickerTrigger({ maxVisibleIcons, className, countType, loading, ...buttonProps }: ToolkitPickerTriggerProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=toolkit-picker-trigger.d.ts.map

package/dist/components/ui/molecules/toolkit-picker-trigger.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toolkit-picker-trigger.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/toolkit-picker-trigger.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAUtD,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC5E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,eAAmB,EACnB,SAAS,EACT,SAAsB,EACtB,OAAe,EACf,GAAG,WAAW,EACf,EAAE,yBAAyB,2CAsH3B"}

package/dist/components/ui/molecules/toolkit-picker-trigger.js

@@ -1,99 +0,0 @@
-import { jsx as e, jsxs as t, Fragment as h } from "react/jsx-runtime";
-import { Loader2 as T, Package as w } from "lucide-react";
-import { Badge as C } from "../atoms/badge.js";
-import { Button as y } from "../atoms/button.js";
-import { Tooltip as z, TooltipTrigger as M, TooltipContent as P } from "../atoms/tooltip.js";
-import { c as g } from "../../../utils-6KgZuQUR.js";
-import { getToolkitIcon as S } from "../../../metadata/toolkit-icons.js";
-import { useToolkitPicker as j } from "../organisms/toolkit-picker/hooks/use-toolkit-picker.js";
-function D({
-  maxVisibleIcons: k = 2,
-  className: b,
-  countType: s = "toolkits",
-  loading: n = !1,
-  ...i
-}) {
-  const {
-    state: { committedToolkits: f, committedTools: N }
-  } = j(), o = Array.from(f.keys()), l = o.length, x = N.size, c = o.slice(0, k).map((a) => {
-    const r = f.get(a);
-    return S(r?.metadata?.id);
-  }), p = Math.max(l - c.length, 0), v = s === "tools";
-  let d = "MCP Servers", m = l;
-  v && (d = "Tools", m = x);
-  let u = `Select ${s === "tools" ? "Tools" : "MCP Servers"}`;
-  return n ? u = "Loading MCP servers..." : l > 0 && (u = `${m} ${d.toLowerCase()} selected`), /* @__PURE__ */ e(
-    y,
-    {
-      ...i,
-      "aria-label": u,
-      className: g("gap-2 bg-transparent transition-colors", b),
-      disabled: n,
-      size: i.size ?? "sm",
-      variant: i.variant ?? "outline",
-      children: n ? /* @__PURE__ */ t(h, { children: [
-        /* @__PURE__ */ e(T, { className: "h-4 w-4 animate-spin" }),
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e("div", { className: "h-4 w-16 animate-pulse rounded bg-neutral-200 dark:bg-neutral-700" }),
-          /* @__PURE__ */ e("div", { className: "h-5 w-6 animate-pulse rounded-full bg-neutral-200 dark:bg-neutral-700" })
-        ] })
-      ] }) : /* @__PURE__ */ t(h, { children: [
-        l > 0 && /* @__PURE__ */ t(z, { children: [
-          /* @__PURE__ */ e(M, { asChild: !0, children: /* @__PURE__ */ t("span", { className: "mr-2 flex items-center", children: [
-            c.map((a, r) => /* @__PURE__ */ e(
-              "div",
-              {
-                className: g("relative first:ml-0", r > 0 && "-ml-2"),
-                style: { zIndex: r + 1 },
-                children: /* @__PURE__ */ e("div", { className: "flex size-6 items-center justify-center rounded-xl bg-gradient-to-br from-white to-neutral-50 p-1.5 shadow-lg ring-1 ring-neutral-200/80 transition-all hover:scale-110 hover:shadow-xl dark:from-neutral-800 dark:to-neutral-900 dark:ring-neutral-700/80", children: /* @__PURE__ */ e(a, { className: "h-3 w-3 text-neutral-700 dark:text-neutral-300" }) })
-              },
-              `${a.name || "icon"}-${r}`
-            )),
-            p > 0 && /* @__PURE__ */ t(
-              "span",
-              {
-                className: "inline-flex h-6 w-6 items-center justify-center rounded-xl bg-gradient-to-br from-blue-50 to-blue-100 font-bold text-[11px] text-blue-800 shadow-lg ring-1 ring-blue-200/80 dark:from-blue-900/40 dark:to-blue-800/40 dark:text-blue-200 dark:ring-blue-700/80",
-                style: { zIndex: c.length + 10 },
-                children: [
-                  "+",
-                  p
-                ]
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ e(P, { side: "bottom", sideOffset: 6, children: /* @__PURE__ */ e("div", { className: "text-xs", children: /* @__PURE__ */ t("ul", { className: "list-disc space-y-1 pl-4", children: [
-            /* @__PURE__ */ t("li", { children: [
-              /* @__PURE__ */ e("span", { className: "font-semibold text-neutral-800 dark:text-neutral-200", children: "MCP Servers" }),
-              /* @__PURE__ */ t("span", { className: "text-neutral-700 dark:text-neutral-300", children: [
-                ": ",
-                o.join(", ")
-              ] })
-            ] }),
-            /* @__PURE__ */ t("li", { children: [
-              /* @__PURE__ */ e("span", { className: "font-semibold text-neutral-800 dark:text-neutral-200", children: "Tools" }),
-              /* @__PURE__ */ t("span", { className: "text-neutral-700 dark:text-neutral-300", children: [
-                ": ",
-                x,
-                " selected"
-              ] })
-            ] })
-          ] }) }) })
-        ] }),
-        l === 0 && /* @__PURE__ */ t(h, { children: [
-          /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
-          /* @__PURE__ */ t("span", { className: "truncate text-sm", children: [
-            "Select ",
-            s === "tools" ? "Tools" : "MCP Servers"
-          ] })
-        ] }),
-        l > 0 && /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-2 truncate text-sm", children: [
-          d,
-          /* @__PURE__ */ e(C, { className: "px-1.5 py-0 text-[11px]", variant: "default", children: m })
-        ] })
-      ] })
-    }
-  );
-}
-export {
-  D as ToolkitPickerTrigger
-};

package/dist/components/ui/molecules/toolkit-selection-summary.d.ts

@@ -1,12 +0,0 @@
-import { SelectionMode } from '../organisms/toolkit-picker';
-import { ToolkitSelectionMap } from '../organisms/toolkit-picker/hooks/use-toolkit-picker';
-export type ToolkitSelectionSummaryProps = {
-    selectedToolkits: ToolkitSelectionMap;
-    selectedTools: Set<string>;
-    onClear: () => void;
-    onSelectAll?: () => void;
-    allVisibleSelected?: boolean;
-    selectionMode?: SelectionMode;
-};
-export declare function ToolkitSelectionSummary({ selectedToolkits, selectedTools, onClear, onSelectAll, allVisibleSelected, selectionMode, }: ToolkitSelectionSummaryProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=toolkit-selection-summary.d.ts.map

package/dist/components/ui/molecules/toolkit-selection-summary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toolkit-selection-summary.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/toolkit-selection-summary.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mEAAmE,CAAC;AAG7G,MAAM,MAAM,4BAA4B,GAAG;IACzC,gBAAgB,EAAE,mBAAmB,CAAC;IACtC,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAGF,wBAAgB,uBAAuB,CAAC,EACtC,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,aAAa,GACd,EAAE,4BAA4B,2CA6G9B"}

package/dist/components/ui/molecules/toolkit-selection-summary.js

@@ -1,116 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { Package as u, X as y, CheckSquare as C } from "lucide-react";
-import { Button as x } from "../atoms/button.js";
-import { MobileTooltip as p, MobileTooltipTrigger as g, MobileTooltipContent as f } from "../atoms/mobile-tooltip.js";
-import "react";
-import "../atoms/chart.js";
-import "../../../react-resizable-panels.browser-DYl0LXfw.js";
-import "../atoms/sidebar.js";
-import "./date-time-picker.js";
-import "../../../toolkit-card-BTFS_2j_.js";
-import "./tool-card.js";
-import { getToolkitIcon as z } from "../../../metadata/toolkit-icons.js";
-import "../organisms/toolkit-picker/hooks/use-toolkit-picker.js";
-const j = 3;
-function D({
-  selectedToolkits: s,
-  selectedTools: n,
-  onClear: N,
-  onSelectAll: m,
-  allVisibleSelected: k,
-  selectionMode: v
-}) {
-  const l = s.size > 0 || n.size > 0, i = Array.from(s.keys()), o = n.size, a = i.length, r = i.slice(0, j), c = Math.max(a - r.length, 0);
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: "flex items-center gap-3",
-      "data-testid": "toolkit-selection-summary",
-      children: [
-        !l && /* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-neutral-500 text-sm dark:text-neutral-400", children: [
-          /* @__PURE__ */ e(u, { className: "h-4 w-4" }),
-          /* @__PURE__ */ e("span", { children: "No items selected" })
-        ] }),
-        l && /* @__PURE__ */ e("div", { className: "flex w-full items-center gap-2 sm:w-auto", children: /* @__PURE__ */ t(p, { children: [
-          /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ t("div", { className: "grid min-h-8 w-full grid-cols-1 items-center gap-x-3 gap-y-1 rounded-lg bg-neutral-100 px-2 py-1.5 text-xs sm:min-h-10 sm:w-auto sm:grid-cols-[auto_auto] sm:px-3 sm:py-2 sm:text-sm dark:bg-neutral-800", children: [
-            /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e(u, { className: "h-3.5 w-3.5 text-neutral-600 sm:h-4 sm:w-4 dark:text-neutral-300" }),
-              /* @__PURE__ */ t("span", { className: "font-medium text-neutral-900 dark:text-neutral-100", children: [
-                o,
-                " tool",
-                o !== 1 ? "s" : "",
-                " selected"
-              ] }),
-              /* @__PURE__ */ t("div", { className: "ml-1 flex items-center sm:ml-1.5", children: [
-                r.map((d, h) => {
-                  const w = s.get(d), b = z(w?.metadata?.id);
-                  return /* @__PURE__ */ e(
-                    "div",
-                    {
-                      className: `relative ${h > 0 ? "-ml-2" : ""}`,
-                      style: { zIndex: h + 1 },
-                      children: /* @__PURE__ */ e("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-neutral-200 p-0.5 ring-1 ring-black/15 sm:h-6 sm:w-6 dark:bg-neutral-700 dark:ring-white/15", children: /* @__PURE__ */ e(b, { className: "h-3 w-3 sm:h-3.5 sm:w-3.5" }) })
-                    },
-                    `mini-icon-${d}`
-                  );
-                }),
-                c > 0 && /* @__PURE__ */ t(
-                  "span",
-                  {
-                    className: "-ml-2 inline-flex h-5 w-5 items-center justify-center rounded-full bg-neutral-200 font-medium text-[10px] text-neutral-700 ring-1 ring-black/15 sm:h-6 sm:w-6 dark:bg-neutral-700 dark:text-neutral-200 dark:ring-white/15",
-                    style: { zIndex: r.length + 10 },
-                    children: [
-                      "+",
-                      c
-                    ]
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ t("div", { className: "text-neutral-600 text-xs dark:text-neutral-400", children: [
-              "from ",
-              a,
-              " MCP server",
-              a !== 1 ? "s" : ""
-            ] })
-          ] }) }),
-          /* @__PURE__ */ e(f, { side: "top", sideOffset: 6, children: /* @__PURE__ */ e("div", { className: "max-w-64 text-wrap text-xs", children: i.join(", ") }) })
-        ] }) }),
-        /* @__PURE__ */ t("div", { className: "ml-auto flex items-center gap-2 sm:hidden", children: [
-          l && /* @__PURE__ */ t(
-            x,
-            {
-              className: "h-8 text-red-600 hover:text-red-700",
-              "data-testid": "footer-clear-selections",
-              onClick: N,
-              size: "sm",
-              variant: "ghost",
-              children: [
-                /* @__PURE__ */ e(y, { className: "mr-0.5 h-4 w-4" }),
-                "Clear All"
-              ]
-            }
-          ),
-          v !== "single" && m && !k && /* @__PURE__ */ t(p, { children: [
-            /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e(
-              x,
-              {
-                "aria-label": "Select all visible",
-                className: "h-8 w-8",
-                "data-testid": "footer-select-all",
-                onClick: m,
-                size: "sm",
-                variant: "ghost",
-                children: /* @__PURE__ */ e(C, { className: "h-4 w-4" })
-              }
-            ) }),
-            /* @__PURE__ */ e(f, { side: "top", sideOffset: 6, children: /* @__PURE__ */ e("div", { className: "text-xs", children: "Select all visible" }) })
-          ] })
-        ] })
-      ]
-    }
-  );
-}
-export {
-  D as ToolkitSelectionSummary
-};

package/dist/components/ui/organisms/index.d.ts

@@ -1,3 +0,0 @@
-/** biome-ignore-all lint/performance/noBarrelFile: Barrel files are acceptable for atomic component folders */
-export { ToolkitPicker } from './toolkit-picker/index';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/organisms/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAC/G,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/ui/organisms/index.js

@@ -1,4 +0,0 @@
-import { ToolkitPicker as e } from "./toolkit-picker/index.js";
-export {
-  e as ToolkitPicker
-};

package/dist/components/ui/organisms/toolkit-picker/components/action-buttons.d.ts

@@ -1,7 +0,0 @@
-import { SelectionMode } from '../index';
-type ActionButtonsProps = {
-    selectionMode: SelectionMode;
-};
-export declare function ActionButtons({ selectionMode }: ActionButtonsProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=action-buttons.d.ts.map

package/dist/components/ui/organisms/toolkit-picker/components/action-buttons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"action-buttons.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/components/action-buttons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,KAAK,kBAAkB,GAAG;IACxB,aAAa,EAAE,aAAa,CAAC;CAC9B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,aAAa,EAAE,EAAE,kBAAkB,2CA6DlE"}

package/dist/components/ui/organisms/toolkit-picker/components/action-buttons.js

@@ -1,54 +0,0 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { X as v, CheckSquare as x } from "lucide-react";
-import { Button as r } from "../../../atoms/button.js";
-import { useToolkitPicker as b } from "../hooks/use-toolkit-picker.js";
-function y({ selectionMode: o }) {
-  const {
-    state: {
-      selectedToolkits: i,
-      selectedTools: a,
-      activeTab: n,
-      filteredToolkits: c,
-      filteredTools: d
-    },
-    clearSelections: m,
-    selectAll: u
-  } = b(), h = i.size > 0 || a.size > 0, t = n === "toolkits" ? Array.from(c).flatMap(
-    (e) => e.tools.map((k) => k.fully_qualified_name)
-  ) : Array.from(d).map((e) => e.fully_qualified_name), f = t.length > 0 && t.every((e) => a.has(e));
-  return /* @__PURE__ */ l("div", { className: "hidden items-center gap-2 sm:flex", children: [
-    h && /* @__PURE__ */ l(
-      r,
-      {
-        className: "h-8 border-neutral-300 text-neutral-700 hover:bg-neutral-50 hover:text-neutral-900 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-900/40 dark:hover:text-neutral-100",
-        "data-testid": "clear-selections",
-        onClick: m,
-        size: "sm",
-        variant: "outline",
-        children: [
-          /* @__PURE__ */ s(v, { className: "h-4 w-4 text-red-600 dark:text-red-400" }),
-          "Clear All"
-        ]
-      }
-    ),
-    o === "multi" && !f && /* @__PURE__ */ l(
-      r,
-      {
-        className: "h-8",
-        "data-testid": "select-all",
-        onClick: () => {
-          u(t);
-        },
-        size: "sm",
-        variant: "outline",
-        children: [
-          /* @__PURE__ */ s(x, { className: "h-4 w-4" }),
-          "Select all"
-        ]
-      }
-    )
-  ] });
-}
-export {
-  y as ActionButtons
-};

package/dist/components/ui/organisms/toolkit-picker/components/filter-badges.d.ts

@@ -1,2 +0,0 @@
-export declare function FilterBadges(): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=filter-badges.d.ts.map

package/dist/components/ui/organisms/toolkit-picker/components/filter-badges.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-badges.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/components/filter-badges.tsx"],"names":[],"mappings":"AAKA,wBAAgB,YAAY,mDAyE3B"}

package/dist/components/ui/organisms/toolkit-picker/components/filter-badges.js

@@ -1,89 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { FilterIcon as m, X as l, Search as x } from "lucide-react";
-import { Badge as i } from "../../../atoms/badge.js";
-import { getToolkitIcon as b } from "../../../../../metadata/toolkit-icons.js";
-import { useToolkitPicker as h } from "../hooks/use-toolkit-picker.js";
-function y() {
-  const {
-    state: { toolkitFilter: t, searchQuery: a, filteredToolkits: d },
-    setActiveTab: s,
-    clearFilter: n,
-    clearSearchQuery: o
-  } = h();
-  return t || a ? /* @__PURE__ */ r("div", { className: "mb-2 flex flex-wrap items-center gap-2", children: [
-    t && /* @__PURE__ */ r(
-      i,
-      {
-        className: "h-8 border border-purple-200 bg-purple-50 pr-1.5 pl-2 text-purple-800 shadow-sm ring-1 ring-purple-200/50 dark:border-purple-800/60 dark:bg-purple-950/40 dark:text-purple-200 dark:ring-purple-800/30",
-        variant: "secondary",
-        children: [
-          /* @__PURE__ */ r("span", { className: "mr-1.5 inline-flex items-center gap-1 rounded-full bg-purple-100 px-1.5 py-0.5 text-[10px] text-purple-700 dark:bg-purple-800/60 dark:text-purple-200", children: [
-            /* @__PURE__ */ e(m, { className: "h-3 w-3" }),
-            "Filter"
-          ] }),
-          /* @__PURE__ */ r(
-            "button",
-            {
-              className: "inline-flex h-full items-center gap-1.5",
-              "data-testid": "filter-badge",
-              onClick: () => s("toolkits"),
-              type: "button",
-              children: [
-                (() => {
-                  const c = Array.from(d).find(
-                    (u) => u.name === t
-                  ), p = b(c?.metadata?.id);
-                  return /* @__PURE__ */ e(p, { className: "h-3.5 w-3.5" });
-                })(),
-                /* @__PURE__ */ e("span", { className: "font-medium text-xs", children: t })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              "aria-label": "Clear toolkit filter",
-              className: "ml-1 inline-flex h-5 w-5 items-center justify-center rounded-full bg-purple-100 text-red-600 hover:bg-red-100 hover:text-red-700 focus-visible:ring-[3px] focus-visible:ring-red-200 dark:bg-purple-800/60 dark:text-red-400 dark:hover:bg-red-950/40 dark:hover:text-red-300",
-              "data-testid": "clear-filter",
-              onClick: n,
-              type: "button",
-              children: /* @__PURE__ */ e(l, { className: "h-3.5 w-3.5" })
-            }
-          )
-        ]
-      }
-    ),
-    a && /* @__PURE__ */ r(
-      i,
-      {
-        className: "h-8 border border-teal-200 bg-teal-50 pr-1.5 pl-2 text-teal-800 shadow-sm ring-1 ring-teal-200/50 dark:border-teal-800/60 dark:bg-teal-950/40 dark:text-teal-200 dark:ring-teal-800/30",
-        variant: "secondary",
-        children: [
-          /* @__PURE__ */ r("span", { className: "mr-1.5 inline-flex items-center gap-1 rounded-full bg-teal-100 px-1.5 py-0.5 text-[10px] text-teal-700 dark:bg-teal-800/60 dark:text-teal-200", children: [
-            /* @__PURE__ */ e(x, { className: "h-3 w-3" }),
-            "Search"
-          ] }),
-          /* @__PURE__ */ r("span", { className: "font-medium text-xs", children: [
-            '"',
-            a,
-            '"'
-          ] }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              "aria-label": "Clear search query",
-              className: "ml-1 inline-flex h-5 w-5 items-center justify-center rounded-full bg-teal-100 text-red-600 hover:bg-red-100 hover:text-red-700 focus-visible:ring-[3px] focus-visible:ring-red-200 dark:bg-teal-800/60 dark:text-red-400 dark:hover:bg-red-950/40 dark:hover:text-red-300",
-              "data-testid": "clear-search",
-              onClick: o,
-              type: "button",
-              children: /* @__PURE__ */ e(l, { className: "h-3.5 w-3.5" })
-            }
-          )
-        ]
-      }
-    )
-  ] }) : null;
-}
-export {
-  y as FilterBadges
-};

package/dist/components/ui/organisms/toolkit-picker/components/footer-summary.d.ts

@@ -1,2 +0,0 @@
-export declare function FooterSummary(): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=footer-summary.d.ts.map

package/dist/components/ui/organisms/toolkit-picker/components/footer-summary.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"footer-summary.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/components/footer-summary.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,mDA2C5B"}

package/dist/components/ui/organisms/toolkit-picker/components/footer-summary.js

@@ -1,36 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ToolkitSelectionSummary as S } from "../../../molecules/toolkit-selection-summary.js";
-import { useToolkitPicker as T } from "../hooks/use-toolkit-picker.js";
-function A() {
-  const {
-    state: {
-      selectionMode: l,
-      selectedToolkits: o,
-      selectedTools: t,
-      filteredToolkits: i,
-      filteredTools: s,
-      activeTab: a
-    },
-    clearSelections: c,
-    selectAll: n
-  } = T(), m = i.size === o.size && s.size === t.size, f = () => {
-    const u = a === "toolkits" ? Array.from(i).flatMap(
-      (e) => e.tools.map((d) => d.fully_qualified_name)
-    ) : Array.from(s).map((e) => e.fully_qualified_name);
-    n(u);
-  };
-  return l !== "multi" ? null : /* @__PURE__ */ r("div", { className: "w-full sm:w-auto", children: /* @__PURE__ */ r(
-    S,
-    {
-      allVisibleSelected: m,
-      onClear: c,
-      onSelectAll: f,
-      selectedToolkits: o,
-      selectedTools: new Set(t.keys()),
-      selectionMode: l
-    }
-  ) });
-}
-export {
-  A as FooterSummary
-};

package/dist/components/ui/organisms/toolkit-picker/components/search-input.d.ts

@@ -1,2 +0,0 @@
-export declare function SearchInput(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=search-input.d.ts.map

package/dist/components/ui/organisms/toolkit-picker/components/search-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../../../../lib/components/ui/organisms/toolkit-picker/components/search-input.tsx"],"names":[],"mappings":"AAMA,wBAAgB,WAAW,4CAwE1B"}