@arcadeai/design-system 3.26.0 → 3.27.0

package/dist/components/ui/atoms/tooltip.js

@@ -1,17 +1,17 @@
 import { jsx as u, jsxs as H } from "react/jsx-runtime";
+import { c as K } from "../../../utils-6KgZuQUR.js";
 import * as s from "react";
 import { c as C } from "../../../index-B695uy69.js";
-import { u as S, a as K } from "../../../index-5Bhkapwi.js";
-import { c as W } from "../../../index-DFZozV_h.js";
-import { P as J, D as Q } from "../../../index-DYHsXnnS.js";
-import { u as Z } from "../../../index-Cv867SGx.js";
-import { c as G, R as ee, A as te, a as oe, C as re } from "../../../index-DH9yRdVk.js";
-import { P as j } from "../../../index-BGfrl8IX.js";
-import { P as ne } from "../../../index-CpDnqHCm.js";
-import { u as se } from "../../../index-437EL2iq.js";
-import { R as ae } from "../../../index-DfNPZZ8M.js";
-import { c as ie } from "../../../utils-Db4QWi-E.js";
-var [O] = W("Tooltip", [
+import { u as S, a as W } from "../../../index-D2LZVjSn.js";
+import { c as J } from "../../../index-DFZozV_h.js";
+import { P as Q, D as Z } from "../../../index-DrFfdHac.js";
+import { u as ee } from "../../../index-Cv867SGx.js";
+import { c as G, R as te, A as oe, a as re, C as ne } from "../../../index-8kzT5-zz.js";
+import { P as j } from "../../../index-BaLuVb4t.js";
+import { P as se } from "../../../index-DLohNuco.js";
+import { u as ae } from "../../../index-437EL2iq.js";
+import { R as ie } from "../../../index-Bw62B28F.js";
+var [O] = J("Tooltip", [
   G
 ]), D = G(), F = "TooltipProvider", le = 700, A = "tooltip.open", [ce, k] = O(F), z = (e) => {
   const {
@@ -58,7 +58,7 @@ var R = "Tooltip", [ue, _] = O(R), $ = (e) => {
     onOpenChange: l,
     disableHoverableContent: i,
     delayDuration: v
-  } = e, a = k(R, e.__scopeTooltip), d = D(o), [c, f] = s.useState(null), m = Z(), p = s.useRef(0), h = i ?? a.disableHoverableContent, T = v ?? a.delayDuration, g = s.useRef(!1), [y, x] = se({
+  } = e, a = k(R, e.__scopeTooltip), d = D(o), [c, f] = s.useState(null), m = ee(), p = s.useRef(0), h = i ?? a.disableHoverableContent, T = v ?? a.delayDuration, g = s.useRef(!1), [y, x] = ae({
     prop: r,
     defaultProp: n ?? !1,
     onChange: (N) => {
@@ -76,7 +76,7 @@ var R = "Tooltip", [ue, _] = O(R), $ = (e) => {
   }, [T, x]);
   return s.useEffect(() => () => {
     p.current && (window.clearTimeout(p.current), p.current = 0);
-  }, []), /* @__PURE__ */ u(ee, { ...d, children: /* @__PURE__ */ u(
+  }, []), /* @__PURE__ */ u(te, { ...d, children: /* @__PURE__ */ u(
     ue,
     {
       scope: o,
@@ -102,8 +102,8 @@ $.displayName = R;
 var L = "TooltipTrigger", B = s.forwardRef(
   (e, o) => {
     const { __scopeTooltip: t, ...r } = e, n = _(L, t), l = k(L, t), i = D(t), v = s.useRef(null), a = S(o, v, n.onTriggerChange), d = s.useRef(!1), c = s.useRef(!1), f = s.useCallback(() => d.current = !1, []);
-    return s.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ u(te, { asChild: !0, ...i, children: /* @__PURE__ */ u(
-      ne.button,
+    return s.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ u(oe, { asChild: !0, ...i, children: /* @__PURE__ */ u(
+      se.button,
       {
         "aria-describedby": n.open ? n.contentId : void 0,
         "data-state": n.stateAttribute,
@@ -132,7 +132,7 @@ var M = "TooltipPortal", [pe, de] = O(M, {
   forceMount: void 0
 }), U = (e) => {
   const { __scopeTooltip: o, forceMount: t, children: r, container: n } = e, l = _(M, o);
-  return /* @__PURE__ */ u(pe, { scope: o, forceMount: t, children: /* @__PURE__ */ u(j, { present: t || l.open, children: /* @__PURE__ */ u(J, { asChild: !0, container: n, children: r }) }) });
+  return /* @__PURE__ */ u(pe, { scope: o, forceMount: t, children: /* @__PURE__ */ u(j, { present: t || l.open, children: /* @__PURE__ */ u(Q, { asChild: !0, container: n, children: r }) }) });
 };
 U.displayName = M;
 var b = "TooltipContent", V = s.forwardRef(
@@ -166,7 +166,7 @@ var b = "TooltipContent", V = s.forwardRef(
       return document.addEventListener("pointermove", h), () => document.removeEventListener("pointermove", h);
     }
   }, [a, c, i, d, m]), /* @__PURE__ */ u(Y, { ...e, ref: l });
-}), [ve, me] = O(R, { isInside: !1 }), he = K("TooltipContent"), Y = s.forwardRef(
+}), [ve, me] = O(R, { isInside: !1 }), he = W("TooltipContent"), Y = s.forwardRef(
   (e, o) => {
     const {
       __scopeTooltip: t,
@@ -184,7 +184,7 @@ var b = "TooltipContent", V = s.forwardRef(
         return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
       }
     }, [a.trigger, c]), /* @__PURE__ */ u(
-      Q,
+      Z,
       {
         asChild: !0,
         disableOutsidePointerEvents: !1,
@@ -193,7 +193,7 @@ var b = "TooltipContent", V = s.forwardRef(
         onFocusOutside: (f) => f.preventDefault(),
         onDismiss: c,
         children: /* @__PURE__ */ H(
-          re,
+          ne,
           {
             "data-state": a.stateAttribute,
             ...d,
@@ -209,7 +209,7 @@ var b = "TooltipContent", V = s.forwardRef(
             },
             children: [
               /* @__PURE__ */ u(he, { children: r }),
-              /* @__PURE__ */ u(ve, { scope: t, isInside: !0, children: /* @__PURE__ */ u(ae, { id: a.contentId, role: "tooltip", children: n || r }) })
+              /* @__PURE__ */ u(ve, { scope: t, isInside: !0, children: /* @__PURE__ */ u(ie, { id: a.contentId, role: "tooltip", children: n || r }) })
             ]
           }
         )
@@ -224,7 +224,7 @@ var q = "TooltipArrow", X = s.forwardRef(
     return me(
       q,
       t
-    ).isInside ? null : /* @__PURE__ */ u(oe, { ...n, ...r, ref: o });
+    ).isInside ? null : /* @__PURE__ */ u(re, { ...n, ...r, ref: o });
   }
 );
 X.displayName = q;
@@ -353,7 +353,7 @@ function Ue({
   return /* @__PURE__ */ u(Re, { children: /* @__PURE__ */ H(
     _e,
     {
-      className: ie(
+      className: K(
         "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 fade-in-0 zoom-in-95 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in text-balance rounded-md border border-border bg-popover px-3 py-1.5 text-popover-foreground text-xs shadow-md data-[state=closed]:animate-out",
         e
       ),
@@ -362,7 +362,7 @@ function Ue({
       ...r,
       children: [
         t,
-        /* @__PURE__ */ u(Oe, { className: "-translate-y-1/2 z-50 size-2.5 rotate-45 rounded-[2px] border-border border-r border-b bg-popover fill-popover" })
+        /* @__PURE__ */ u(Oe, { className: "z-50 size-2.5 -translate-y-1/2 rotate-45 rounded-[2px] border-border border-r border-b bg-popover fill-popover" })
       ]
     }
   ) });

package/dist/components/ui/atoms/view-tools-control.d.ts

@@ -7,6 +7,7 @@ export type ViewToolsControlProps = {
     name: string;
 };
 declare function ViewToolsControlImpl({ toolsCount, selectedCount, indeterminate, onClick, className, name, }: ViewToolsControlProps): import("react/jsx-runtime").JSX.Element;
-import * as React from 'react';
+import * as React from "react";
 export declare const ViewToolsControl: React.MemoExoticComponent<typeof ViewToolsControlImpl>;
 export {};
+//# sourceMappingURL=view-tools-control.d.ts.map

package/dist/components/ui/atoms/view-tools-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-tools-control.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/view-tools-control.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAaF,iBAAS,oBAAoB,CAAC,EAC5B,UAAU,EACV,aAAiB,EACjB,aAAa,EACb,OAAO,EACP,SAAS,EACT,IAAI,GACL,EAAE,qBAAqB,2CAmBvB;AAGD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,gBAAgB,wDAU5B,CAAC"}

package/dist/components/ui/atoms/view-tools-control.js

@@ -1,9 +1,9 @@
 import { jsxs as e, jsx as l } from "react/jsx-runtime";
-import { ChevronRight as c } from "lucide-react";
-import { Button as p } from "./button.js";
-import { c as f } from "../../../utils-Db4QWi-E.js";
-import * as u from "react";
-import { createPropsComparator as g } from "../utils/memo.js";
+import { Button as c } from "./button.js";
+import { c as p } from "../../../utils-6KgZuQUR.js";
+import { ChevronRight as f } from "lucide-react";
+import { createPropsComparator as u } from "../utils/memo.js";
+import * as g from "react";
 function x(o, t = 0, r) {
   return r && t > 0 ? `${t}/${o}` : String(o);
 }
@@ -17,10 +17,10 @@ function b({
 }) {
   const s = x(o, t, r);
   return /* @__PURE__ */ e(
-    p,
+    c,
     {
       "aria-label": `View tools in ${i}`,
-      className: f("gap-1", a),
+      className: p("gap-1", a),
       "data-testid": "view-tools",
       onClick: (m) => {
         m.stopPropagation(), n();
@@ -32,14 +32,14 @@ function b({
           s,
           " tools"
         ] }),
-        /* @__PURE__ */ l(c, { className: "size-3.5 transition-transform group-hover:translate-x-0.5" })
+        /* @__PURE__ */ l(f, { className: "size-3.5 transition-transform group-hover:translate-x-0.5" })
       ]
     }
   );
 }
-const N = u.memo(
+const N = g.memo(
   b,
-  g([
+  u([
     "toolsCount",
     "selectedCount",
     "indeterminate",

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

@@ -2,3 +2,4 @@
 export * from './atoms';
 export * from './molecules';
 export * from './organisms';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/ui/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAC/G,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/components/ui/index.js

@@ -162,7 +162,7 @@ import { Textarea as Di } from "./atoms/textarea.js";
 import { Toggle as Mi, toggleVariants as Ai } from "./atoms/toggle.js";
 import { Tooltip as Bi, TooltipContent as Gi, TooltipProvider as Pi, TooltipTrigger as wi } from "./atoms/tooltip.js";
 import { EmptyState as yi } from "./molecules/empty-state.js";
-import { R as Hi, T as Fi } from "../../toolkit-card-BzIa8ZXI.js";
+import { R as Hi, T as Fi } from "../../toolkit-card-CsV6xoOG.js";
 import { ToolCard as Ri } from "./molecules/tool-card.js";
 import { ToolkitPickerTrigger as Ei } from "./molecules/toolkit-picker-trigger.js";
 import { ToolkitSelectionSummary as Vi } from "./molecules/toolkit-selection-summary.js";

package/dist/components/ui/molecules/empty-state.d.ts

@@ -1,5 +1,6 @@
-import type * as React from 'react';
+import type * as React from "react";
 export declare function EmptyState({ title, description, ...rest }: {
     title?: string;
     description?: string;
 } & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/ui/molecules/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/empty-state.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,wBAAgB,UAAU,CAAC,EACzB,KAAoB,EACpB,WAAoD,EACpD,GAAG,IAAI,EACR,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAmBvC"}

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

@@ -5,3 +5,4 @@ export { ToolCard } from './tool-card';
 export { ToolkitCard } from './toolkit-card';
 export { ToolkitPickerTrigger } from './toolkit-picker-trigger';
 export { ToolkitSelectionSummary } from './toolkit-selection-summary';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC"}

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

@@ -1,5 +1,5 @@
 import { EmptyState as e } from "./empty-state.js";
-import { R as m, T as a } from "../../../toolkit-card-BzIa8ZXI.js";
+import { R as m, T as a } from "../../../toolkit-card-CsV6xoOG.js";
 import { ToolCard as p } from "./tool-card.js";
 import { ToolkitPickerTrigger as f } from "./toolkit-picker-trigger.js";
 import { ToolkitSelectionSummary as x } from "./toolkit-selection-summary.js";

package/dist/components/ui/molecules/requirement-badges.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
+import * as React from "react";
 export type SecretsSummary = {
     configured: string[];
     pending: string[];
 };
 export type OAuthProvider = {
     id: string;
-    status: 'active' | 'inactive';
+    status: "active" | "inactive";
     scopes: string[];
 };
 export type OAuthSummary = {
@@ -27,3 +27,4 @@ declare const OAuthBadge: React.MemoExoticComponent<({ oauth }: {
 }) => import("react/jsx-runtime").JSX.Element>;
 declare const RequirementBadges: React.MemoExoticComponent<typeof RequirementBadgesImpl>;
 export { OAuthBadge, RequirementBadges, SecretsBadge };
+//# sourceMappingURL=requirement-badges.d.ts.map

package/dist/components/ui/molecules/requirement-badges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"requirement-badges.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/requirement-badges.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG;IAAE,UAAU,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AACzE,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AACF,MAAM,MAAM,YAAY,GAAG;IAAE,SAAS,EAAE,aAAa,EAAE,CAAA;CAAE,CAAC;AA6G1D,iBAAS,qBAAqB,CAAC,EAC7B,mBAAmB,EACnB,MAAc,EACd,KAAa,GACd,EAAE;IACD,mBAAmB,EAAE;QACnB,OAAO,CAAC,EAAE,cAAc,CAAC;QACzB,KAAK,CAAC,EAAE,YAAY,CAAC;KACtB,CAAC;IACF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,kDAsBA;AAOD,QAAA,MAAM,YAAY,0CAnJqB;IAAE,OAAO,EAAE,cAAc,CAAA;CAAE,6CAyKhE,CAAC;AAEH,QAAA,MAAM,UAAU,wCAnHmB;IAAE,KAAK,EAAE,YAAY,CAAA;CAAE,6CA8IxD,CAAC;AAEH,QAAA,MAAM,iBAAiB,yDAUtB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ui/molecules/requirement-badges.js

@@ -1,7 +1,6 @@
 import "react/jsx-runtime";
+import "../../../utils-6KgZuQUR.js";
 import "lucide-react";
-import "react";
-import "../../../utils-Db4QWi-E.js";
 import "../atoms/badge.js";
 import "../atoms/byoc-badge.js";
 import "../atoms/chart.js";
@@ -9,8 +8,9 @@ import "../atoms/mobile-tooltip.js";
 import "../atoms/pro-badge.js";
 import "../../../react-resizable-panels.browser-31wAXhAV.js";
 import "../atoms/sidebar.js";
+import "react";
 import "../atoms/tooltip.js";
-import { O as n, R as q, S as x } from "../../../toolkit-card-BzIa8ZXI.js";
+import { O as n, R as q, S as x } from "../../../toolkit-card-CsV6xoOG.js";
 import "./tool-card.js";
 import "../../../metadata/oauth-providers.js";
 import "../../../metadata/toolkits.js";

package/dist/components/ui/molecules/tool-card.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react/jsx-runtime';
-import * as React from 'react';
+import * as React from "react";
 export type ToolCardProps = {
     fully_qualified_name: string;
     name?: string;
@@ -11,7 +11,8 @@ export type ToolCardProps = {
     }) => JSX.Element;
     onSelect?: (checked: boolean) => void;
     hideCheckbox?: boolean;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect">;
 declare function ToolCardImpl({ fully_qualified_name, name, toolkitName, description, Icon, isSelected, onSelect, hideCheckbox, ...rest }: ToolCardProps): JSX.Element;
 export declare const ToolCard: React.MemoExoticComponent<typeof ToolCardImpl>;
 export {};
+//# sourceMappingURL=tool-card.d.ts.map

package/dist/components/ui/molecules/tool-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-card.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/tool-card.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAM7C,MAAM,MAAM,aAAa,GAAG;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAE3D,iBAAS,YAAY,CAAC,EACpB,oBAAoB,EACpB,IAAI,EACJ,WAAW,EACX,WAAW,EACX,IAA+B,EAC/B,UAAkB,EAClB,QAAQ,EACR,YAAoB,EACpB,GAAG,IAAI,EACR,EAAE,aAAa,eAyIf;AAcD,eAAO,MAAM,QAAQ,gDAAoD,CAAC"}

package/dist/components/ui/molecules/tool-card.js

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import { Wrench as N } from "lucide-react";
+import { Button as N } from "../atoms/button.js";
+import { Card as E, CardContent as D } from "../atoms/card.js";
+import { Checkbox as I } from "../atoms/checkbox.js";
+import { Collapsible as P, CollapsibleTrigger as T, CollapsibleContent as _ } from "../atoms/collapsible.js";
+import { c as m } from "../../../utils-6KgZuQUR.js";
+import { Wrench as S } from "lucide-react";
 import * as t from "react";
-import { Button as E } from "../atoms/button.js";
-import { Card as D, CardContent as I } from "../atoms/card.js";
-import { Checkbox as P } from "../atoms/checkbox.js";
-import { Collapsible as T, CollapsibleTrigger as _, CollapsibleContent as S } from "../atoms/collapsible.js";
-import { c as m } from "../../../utils-Db4QWi-E.js";
 import { createPropsComparator as j } from "../utils/memo.js";
 const K = /\s+/, O = 220, R = 40;
 function z({
@@ -13,7 +13,7 @@ function z({
   name: b,
   toolkitName: u,
   description: o,
-  Icon: k = (s) => /* @__PURE__ */ r(N, { ...s }),
+  Icon: k = (s) => /* @__PURE__ */ r(S, { ...s }),
   isSelected: n = !1,
   onSelect: l,
   hideCheckbox: h = !1,
@@ -35,7 +35,7 @@ function z({
     (c || d) && e.stopPropagation();
   }, []);
   return /* @__PURE__ */ r(
-    D,
+    E,
     {
       ...C,
       "aria-label": `Select tool ${p}`,
@@ -49,7 +49,7 @@ function z({
       onClick: s,
       onKeyDown: v,
       tabIndex: 0,
-      children: /* @__PURE__ */ r(I, { className: "px-3", children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ r(D, { className: "px-3", children: /* @__PURE__ */ a(
         "div",
         {
           className: m(
@@ -59,7 +59,7 @@ function z({
           ),
           children: [
             !h && /* @__PURE__ */ r("div", { className: "flex items-center justify-center pt-1.5", children: /* @__PURE__ */ r(
-              P,
+              I,
               {
                 checked: n,
                 onCheckedChange: w,
@@ -76,7 +76,7 @@ function z({
                   u && /* @__PURE__ */ r("span", { className: "font-medium text-neutral-500 text-xs leading-tight dark:text-neutral-400", children: u })
                 ] })
               ] }),
-              o && /* @__PURE__ */ a(T, { onOpenChange: x, open: i, children: [
+              o && /* @__PURE__ */ a(P, { onOpenChange: x, open: i, children: [
                 /* @__PURE__ */ a("div", { className: "space-y-1", children: [
                   /* @__PURE__ */ r(
                     "p",
@@ -88,8 +88,8 @@ function z({
                       children: o
                     }
                   ),
-                  y && /* @__PURE__ */ r(_, { asChild: !0, children: /* @__PURE__ */ a(
-                    E,
+                  y && /* @__PURE__ */ r(T, { asChild: !0, children: /* @__PURE__ */ a(
+                    N,
                     {
                       className: "h-auto px-0",
                       onClick: f,
@@ -103,7 +103,7 @@ function z({
                     }
                   ) })
                 ] }),
-                /* @__PURE__ */ r(S, {})
+                /* @__PURE__ */ r(_, {})
               ] })
             ] }),
             /* @__PURE__ */ r("div", { className: "w-8" })

package/dist/components/ui/molecules/toolkit-card.d.ts

@@ -1,6 +1,6 @@
-import { JSX } from 'react/jsx-runtime';
 import { ProcessedToolkit } from '../../../lib/arcade/arcade';
-import * as React from 'react';
+import { JSX } from 'react/jsx-runtime';
+import * as React from "react";
 export type ToolkitCardProps = {
     name: string;
     version?: string;
@@ -12,13 +12,14 @@ export type ToolkitCardProps = {
     Icon?: (props: {
         className?: string;
     }) => JSX.Element;
-    requirementsSummary: ProcessedToolkit['requirementsSummary'];
+    requirementsSummary: ProcessedToolkit["requirementsSummary"];
     isByoc?: boolean;
     isPro?: boolean;
     onSelect?: (checked: boolean) => void;
     onView?: () => void;
     hideCheckbox?: boolean;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect">;
 declare function ToolkitCardImpl({ name, version, toolsCount, Icon, isSelected, isPartiallySelected, selectedToolsCount, requirementsSummary, onSelect, onView, hideCheckbox, isByoc, isPro, ...rest }: ToolkitCardProps): JSX.Element;
 export declare const ToolkitCard: React.MemoExoticComponent<typeof ToolkitCardImpl>;
 export {};
+//# sourceMappingURL=toolkit-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolkit-card.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/toolkit-card.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAI9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAG7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,mBAAmB,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IAC7D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAgD3D,iBAAS,eAAe,CAAC,EACvB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,IAAgC,EAChC,UAAkB,EAClB,mBAA2B,EAC3B,kBAAsB,EACtB,mBAAmB,EACnB,QAAQ,EACR,MAAM,EACN,YAAoB,EACpB,MAAM,EACN,KAAK,EACL,GAAG,IAAI,EACR,EAAE,gBAAgB,eAiJlB;AAmBD,eAAO,MAAM,WAAW,mDAGvB,CAAC"}

package/dist/components/ui/molecules/toolkit-card.js

@@ -1,12 +1,12 @@
 import "react/jsx-runtime";
-import "../../../index-BDE30rcJ.js";
-import "lucide-react";
-import "react";
 import "../atoms/card.js";
 import "../atoms/checkbox.js";
 import "../atoms/view-tools-control.js";
-import "../../../utils-Db4QWi-E.js";
-import { T as k } from "../../../toolkit-card-BzIa8ZXI.js";
+import "../../../utils-6KgZuQUR.js";
+import "../../../index-r7CUvu2m.js";
+import "lucide-react";
+import "react";
+import { T as k } from "../../../toolkit-card-CsV6xoOG.js";
 import "../utils/memo.js";
 export {
   k as ToolkitCard

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

@@ -1,8 +1,9 @@
 import { Button } from '../atoms/button';
-import type * as React from 'react';
+import type * as React from "react";
 export type ToolkitPickerTriggerProps = React.ComponentProps<typeof Button> & {
     maxVisibleIcons?: number;
-    countType?: 'toolkits' | 'tools';
+    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

@@ -0,0 +1 @@
+{"version":3,"file":"toolkit-picker-trigger.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/toolkit-picker-trigger.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AASxD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,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,10 +1,10 @@
 import { jsx as e, jsxs as t, Fragment as h } from "react/jsx-runtime";
-import { Loader2 as v, Package as w } from "lucide-react";
-import { Badge as y } from "../atoms/badge.js";
-import { Button as z } from "../atoms/button.js";
-import { Tooltip as j, TooltipTrigger as C, TooltipContent as $ } from "../atoms/tooltip.js";
-import { c as g } from "../../../utils-Db4QWi-E.js";
-import { getToolkitIcon as L } from "../../../metadata/toolkit-icons.js";
+import { Badge as v } from "../atoms/badge.js";
+import { Button as w } from "../atoms/button.js";
+import { Tooltip as y, TooltipTrigger as z, TooltipContent as j } from "../atoms/tooltip.js";
+import { c as g } from "../../../utils-6KgZuQUR.js";
+import { getToolkitIcon as C } from "../../../metadata/toolkit-icons.js";
+import { Loader2 as $, Package as L } from "lucide-react";
 import { useToolkitPicker as B } from "../organisms/toolkit-picker/hooks/use-toolkit-picker.js";
 function D({
   maxVisibleIcons: k = 2,
@@ -17,13 +17,13 @@ function D({
     state: { committedToolkits: f, committedTools: N }
   } = B(), i = Array.from(f.keys()), l = i.length, x = N.size, c = i.slice(0, k).map((r) => {
     const a = f.get(r);
-    return L(a?.metadata?.id);
+    return C(a?.metadata?.id);
   }), p = Math.max(l - c.length, 0), T = s === "tools";
   let d = "Toolkits", m = l;
   T && (d = "Tools", m = x);
   let u = `Select ${s === "tools" ? "Tools" : "Toolkits"}`;
   return o ? u = "Loading toolkits..." : l > 0 && (u = `${m} ${d.toLowerCase()} selected`), /* @__PURE__ */ e(
-    z,
+    w,
     {
       ...n,
       "aria-label": u,
@@ -32,14 +32,14 @@ function D({
       size: n.size ?? "sm",
       variant: n.variant ?? "outline",
       children: o ? /* @__PURE__ */ t(h, { children: [
-        /* @__PURE__ */ e(v, { className: "h-4 w-4 animate-spin" }),
+        /* @__PURE__ */ e($, { 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(j, { children: [
-          /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ t("span", { className: "mr-2 flex items-center", children: [
+        l > 0 && /* @__PURE__ */ t(y, { children: [
+          /* @__PURE__ */ e(z, { asChild: !0, children: /* @__PURE__ */ t("span", { className: "mr-2 flex items-center", children: [
             c.map((r, a) => /* @__PURE__ */ e(
               "div",
               {
@@ -61,7 +61,7 @@ function D({
               }
             )
           ] }) }),
-          /* @__PURE__ */ e($, { 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__ */ e(j, { 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: "Toolkits" }),
               /* @__PURE__ */ t("span", { className: "text-neutral-700 dark:text-neutral-300", children: [
@@ -80,7 +80,7 @@ function D({
           ] }) }) })
         ] }),
         l === 0 && /* @__PURE__ */ t(h, { children: [
-          /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e(L, { className: "h-4 w-4" }),
           /* @__PURE__ */ t("span", { className: "truncate text-sm", children: [
             "Select ",
             s === "tools" ? "Tools" : "Toolkits"
@@ -88,7 +88,7 @@ function D({
         ] }),
         l > 0 && /* @__PURE__ */ t("span", { className: "inline-flex items-center gap-2 truncate text-sm", children: [
           d,
-          /* @__PURE__ */ e(y, { className: "px-1.5 py-0 text-[11px]", variant: "default", children: m })
+          /* @__PURE__ */ e(v, { className: "px-1.5 py-0 text-[11px]", variant: "default", children: m })
         ] })
       ] })
     }

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

@@ -9,3 +9,4 @@ export type ToolkitSelectionSummaryProps = {
     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

@@ -0,0 +1 @@
+{"version":3,"file":"toolkit-selection-summary.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/molecules/toolkit-selection-summary.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAChF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qEAAqE,CAAC;AAI/G,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,2CA4G9B"}

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

@@ -6,7 +6,7 @@ import "../atoms/chart.js";
 import "../../../react-resizable-panels.browser-31wAXhAV.js";
 import "../atoms/sidebar.js";
 import "react";
-import "../../../toolkit-card-BzIa8ZXI.js";
+import "../../../toolkit-card-CsV6xoOG.js";
 import "./tool-card.js";
 import { getToolkitIcon as z } from "../../../metadata/toolkit-icons.js";
 import "../organisms/toolkit-picker/hooks/use-toolkit-picker.js";

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

@@ -1,2 +1,3 @@
 /** 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

@@ -0,0 +1 @@
+{"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/toolkit-picker/components/action-buttons.d.ts

@@ -4,3 +4,4 @@ type ActionButtonsProps = {
 };
 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

@@ -0,0 +1 @@
+{"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,6 +1,6 @@
 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 { X as v, CheckSquare as x } from "lucide-react";
 import { useToolkitPicker as b } from "../hooks/use-toolkit-picker.js";
 function y({ selectionMode: o }) {
   const {

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

@@ -1 +1,2 @@
 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

@@ -0,0 +1 @@
+{"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"}