npm - @arcadeai/design-system - Versions diffs - 7.2.0 → 7.3.1 - Mend

@arcadeai/design-system 7.2.0 → 7.3.1

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 (4) hide show

package/dist/components/ui/organisms/mcp-requirements-dialog.d.ts CHANGED Viewed

@@ -8,6 +8,8 @@ export type McpRequirementsDialogProps = {
     description?: React.ReactNode;
     /** Optional leading icon in the header (e.g. a provider brand mark). */
     icon?: React.ReactNode;
+    /** Optional navigation back to the requirements list from a detail view. */
+    onBack?: () => void;
     /**
      * Current view id (e.g. a requirement id, or `"list"`). Changing it eases the
      * body height and fades the incoming view in. Omit for a static body.
@@ -22,5 +24,5 @@ export type McpRequirementsDialogProps = {
  * Height-bounded modal shell for the requirement setup flow: the body scrolls
  * inside the dialog and its height eases between views. The caller owns the body.
  */
-export declare function McpRequirementsDialog({ open, onOpenChange, trigger, title, description, icon, viewKey, children, className, bodyClassName, }: McpRequirementsDialogProps): React.JSX.Element;
+export declare function McpRequirementsDialog({ open, onOpenChange, trigger, title, description, icon, onBack, viewKey, children, className, bodyClassName, }: McpRequirementsDialogProps): React.JSX.Element;
 //# sourceMappingURL=mcp-requirements-dialog.d.ts.map

package/dist/components/ui/organisms/mcp-requirements-dialog.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mcp-requirements-dialog.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-requirements-dialog.tsx"],"names":[],"mappings":"~~AAEA~~,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAapC~~,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2EAA2E;IAC3E,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wEAAwE;IACxE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAsEF;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,KAAqB,EACrB,WAAiC,EACjC,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,GACd,EAAE,0BAA0B,~~qBA8D5B~~"}
1	+ {"version":3,"file":"mcp-requirements-dialog.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-requirements-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAcpC,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,2EAA2E;IAC3E,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wEAAwE;IACxE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAsEF;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,KAAqB,EACrB,WAAiC,EACjC,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,GACd,EAAE,0BAA0B,qBA2F5B"}

package/dist/components/ui/organisms/mcp-requirements-dialog.js CHANGED Viewed

@@ -1,15 +1,17 @@
 "use client";
 "use client";
 import { cn as e } from "../../../lib/utils.js";
-import { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a, DialogTrigger as o } from "../atoms/dialog.js";
-import { t as s } from "../../../scroll-area-D7iOy7xj.js";
-import { useCallback as c, useRef as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { t } from "../../../button-BdQxLUOB.js";
+import { Dialog as n, DialogContent as r, DialogDescription as i, DialogHeader as a, DialogTitle as o, DialogTrigger as s } from "../atoms/dialog.js";
+import { t as c } from "../../../scroll-area-D7iOy7xj.js";
+import { useCallback as l, useRef as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { ChevronLeft as p } from "lucide-react";
 //#region lib/components/ui/organisms/mcp-requirements-dialog.tsx
-var f = "Complete tool setup", p = "Add the connections and secrets your selected tools need before they can run.";
-function m() {
-	let e = l(null), t = l(null);
-	return c((n) => {
+var m = "Complete tool setup", h = "Add the connections and secrets your selected tools need before they can run.";
+function g() {
+	let e = u(null), t = u(null);
+	return l((n) => {
 		e.current?.disconnect(), e.current = null, t.current !== null && (cancelAnimationFrame(t.current), t.current = null);
 		let r = n?.parentElement;
 		if (!(n && r)) return;
@@ -34,46 +36,58 @@ function m() {
 		s.observe(n), e.current = s;
 	}, []);
 }
-function h({ open: c, onOpenChange: h, trigger: g, title: _ = f, description: v = p, icon: y, viewKey: b, children: x, className: S, bodyClassName: C }) {
-	let w = m(), T = l(null);
-	return /* @__PURE__ */ d(t, {
-		onOpenChange: h,
-		open: c,
-		children: [g ? /* @__PURE__ */ u(o, { render: g }) : null, /* @__PURE__ */ d(n, {
-			className: e("grid max-h-[calc(100svh-2rem)] w-full grid-cols-[minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)] gap-0 overflow-hidden rounded-xl p-0 shadow-black/10 shadow-lg sm:max-w-[40rem] [&_[data-slot=dialog-close]]:top-4 [&_[data-slot=dialog-close]]:right-4", S),
+function _({ open: _, onOpenChange: v, trigger: y, title: b = m, description: x = h, icon: S, onBack: C, viewKey: w, children: T, className: E, bodyClassName: D }) {
+	let O = g(), k = u(null), A = l(() => k.current?.querySelector("input:not([disabled]), textarea:not([disabled])") ?? k.current, []);
+	return /* @__PURE__ */ f(n, {
+		onOpenChange: v,
+		open: _,
+		children: [y ? /* @__PURE__ */ d(s, { render: y }) : null, /* @__PURE__ */ f(r, {
+			className: e("grid max-h-[calc(100svh-2rem)] w-full grid-cols-[minmax(0,1fr)] grid-rows-[auto_minmax(0,1fr)] gap-0 overflow-hidden rounded-xl p-0 shadow-black/10 shadow-lg sm:max-w-[40rem] [&_[data-slot=dialog-close]]:top-4 [&_[data-slot=dialog-close]]:right-4", E),
 			"data-slot": "mcp-requirements-dialog",
-			initialFocus: T,
-			ref: T,
-			children: [/* @__PURE__ */ u(i, {
+			initialFocus: A,
+			ref: k,
+			children: [/* @__PURE__ */ f(a, {
 				className: "border-border/60 border-b bg-muted/[0.14] px-5 py-4.5 pr-14",
-				children: /* @__PURE__ */ d("div", {
-					className: "flex items-start gap-3.5",
-					children: [y ? /* @__PURE__ */ u("span", {
-						className: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted/70 text-muted-foreground ring-1 ring-border/60 dark:bg-muted/50",
-						children: y
-					}) : null, /* @__PURE__ */ d("div", {
+				children: [C ? /* @__PURE__ */ f(t, {
+					"aria-label": "Back to requirements",
+					className: "-mt-1 -ml-1 w-fit bg-muted/60 font-medium text-foreground shadow-none hover:bg-muted dark:bg-muted/50 dark:hover:bg-muted/70",
+					onClick: C,
+					size: "default",
+					type: "button",
+					variant: "ghost",
+					children: [/* @__PURE__ */ d(p, {
+						"aria-hidden": !0,
+						"data-icon": "inline-start"
+					}), "Back"]
+				}) : null, /* @__PURE__ */ f("div", {
+					className: e("flex items-start gap-2.5", C && "mt-2"),
+					children: [S ? /* @__PURE__ */ d("span", {
+						"aria-hidden": !0,
+						className: "mt-0.5 flex size-6 shrink-0 items-center justify-center text-muted-foreground",
+						children: S
+					}) : null, /* @__PURE__ */ f("div", {
 						className: "flex min-w-0 flex-col gap-1.5 pt-0.5",
-						children: [/* @__PURE__ */ u(a, {
+						children: [/* @__PURE__ */ d(o, {
 							className: "text-[17px] leading-5",
-							children: _
-						}), /* @__PURE__ */ u(r, {
+							children: b
+						}), /* @__PURE__ */ d(i, {
 							className: "max-w-[60ch] text-pretty leading-5",
-							children: v
+							children: x
 						})]
 					})]
-				})
-			}), /* @__PURE__ */ u(s, {
+				})]
+			}), /* @__PURE__ */ d(c, {
 				className: "max-h-[min(70svh,42rem)] min-h-0",
-				children: /* @__PURE__ */ u("div", {
+				children: /* @__PURE__ */ d("div", {
 					className: "overflow-hidden transition-[height] duration-[var(--duration-normal)] ease-[var(--ease-smooth)] motion-reduce:transition-none",
 					"data-slot": "mcp-requirements-dialog-height",
-					children: /* @__PURE__ */ u("div", {
-						ref: w,
-						children: /* @__PURE__ */ u("div", {
-							className: e("flex min-w-0 flex-col gap-5 px-4 py-5 [&>*]:min-w-0", b !== void 0 && "fade-in-0 slide-in-from-bottom-1 animate-in duration-[var(--duration-normal)] ease-[var(--ease-smooth)] motion-reduce:animate-none", C),
+					children: /* @__PURE__ */ d("div", {
+						ref: O,
+						children: /* @__PURE__ */ d("div", {
+							className: e("flex min-w-0 flex-col gap-5 px-4 py-5 [&>*]:min-w-0", w !== void 0 && "fade-in-0 slide-in-from-bottom-1 animate-in duration-[var(--duration-normal)] ease-[var(--ease-smooth)] motion-reduce:animate-none", D),
 							onSubmit: (e) => e.stopPropagation(),
-							children: x
-						}, b)
+							children: T
+						}, w)
 					})
 				})
 			})]
@@ -81,4 +95,4 @@ function h({ open: c, onOpenChange: h, trigger: g, title: _ = f, description: v
 	});
 }
 //#endregion
-export { h as McpRequirementsDialog };
+export { _ as McpRequirementsDialog };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@arcadeai/design-system",
   "private": false,
-  "version": "7.2.0",
+  "version": "7.3.1",
   "type": "module",
   "main": "./dist/main.js",
   "types": "./dist/main.d.ts",