@arcadeai/design-system 7.5.1 → 7.6.0

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 (7) hide show
  1. package/dist/components/ui/atoms/form.d.ts.map +1 -1
  2. package/dist/components/ui/atoms/form.js +19 -8
  3. package/dist/components/ui/blocks/demo.js +2 -2
  4. package/dist/components/ui/organisms/mcp-requirements-status.d.ts +8 -2
  5. package/dist/components/ui/organisms/mcp-requirements-status.d.ts.map +1 -1
  6. package/dist/components/ui/organisms/mcp-requirements-status.js +58 -56
  7. package/package.json +1 -1
package/dist/components/ui/atoms/form.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAGpD,QAAA,MAAM,IAAI,0YAAe,CAAC;AAc1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,sBAItC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAWF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYrE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,qBAYpC;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,0FAiBhE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,4BAkBtE;AAED,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,EACX,YAAY,GACb,CAAC"}
1
+ {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAGpD,QAAA,MAAM,IAAI,0YAAe,CAAC;AAc1B,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,sBAItC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAWF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAYrE;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,qBAYpC;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,0FAsBhE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,qBAW1E;AA0BD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,4BAmBtE;AAED,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,EACX,YAAY,GACb,CAAC"}
package/dist/components/ui/atoms/form.js CHANGED
@@ -44,12 +44,13 @@ function m({ className: n, ...i }) {
44
44
  });
45
45
  }
46
46
  function h({ children: e }) {
47
- let { error: t, formItemId: r, formDescriptionId: i, formMessageId: a } = d(), o = n.Children.only(e);
48
- return n.cloneElement(o, {
47
+ let { error: t, formItemId: r, formDescriptionId: i, formMessageId: a, name: o } = d(), s = n.Children.only(e);
48
+ return n.cloneElement(s, {
49
49
  id: r,
50
50
  "aria-describedby": t ? `${i} ${a}` : i,
51
51
  "aria-invalid": !!t,
52
- "data-slot": "form-control"
52
+ "data-slot": "form-control",
53
+ "data-field": o
53
54
  });
54
55
  }
55
56
  function g({ className: t, ...n }) {
@@ -61,15 +62,25 @@ function g({ className: t, ...n }) {
61
62
  ...n
62
63
  });
63
64
  }
64
- function _({ className: t, ...n }) {
65
- let { error: i, formMessageId: a } = d(), o = i ? String(i?.message ?? "") : n.children;
66
- return o ? /* @__PURE__ */ r("p", {
65
+ var _ = (e) => {
66
+ if (!(typeof e != "object" || !e)) {
67
+ if ("message" in e && typeof e.message == "string") return e.message;
68
+ for (let t of Object.values(e)) {
69
+ let e = _(t);
70
+ if (e) return e;
71
+ }
72
+ }
73
+ };
74
+ function v({ className: t, ...n }) {
75
+ let { error: i, formMessageId: a, name: o } = d(), s = _(i) ?? n.children;
76
+ return s ? /* @__PURE__ */ r("p", {
67
77
  className: e("text-destructive text-sm", t),
78
+ "data-field": o,
68
79
  "data-slot": "form-message",
69
80
  id: a,
70
81
  ...n,
71
- children: o
82
+ children: s
72
83
  }) : null;
73
84
  }
74
85
  //#endregion
75
- export { c as Form, h as FormControl, g as FormDescription, u as FormField, p as FormItem, m as FormLabel, _ as FormMessage, d as useFormField };
86
+ export { c as Form, h as FormControl, g as FormDescription, u as FormField, p as FormItem, m as FormLabel, v as FormMessage, d as useFormField };
package/dist/components/ui/blocks/demo.js CHANGED
@@ -1,4 +1,4 @@
1
- /* empty css */
1
+ /* empty css */
2
2
  import { t as e } from "../../../button-BdQxLUOB.js";
3
3
  import { Badge as t } from "../atoms/badge.js";
4
4
  import { Card as n } from "../atoms/card.js";
@@ -10,7 +10,7 @@ import { t as s } from "../../../input-DZTqcpe-.js";
10
10
  import { Label as c } from "../atoms/label.js";
11
11
  import { Separator as l } from "../atoms/separator.js";
12
12
  import { t as u } from "../../../switch-DlxZDt6o.js";
13
- /* empty css */
13
+ /* empty css */
14
14
  import { useState as d } from "react";
15
15
  import { jsx as f, jsxs as p } from "react/jsx-runtime";
16
16
  import { CheckIcon as m, MoonIcon as h, PaletteIcon as g, SunIcon as _, TypeIcon as v } from "lucide-react";
package/dist/components/ui/organisms/mcp-requirements-status.d.ts CHANGED
@@ -10,7 +10,8 @@ export type McpRequirementsStatusProps = {
10
10
  /**
11
11
  * The unmet requirements to show. An empty array renders the satisfied
12
12
  * "Ready" state, so callers must not pass an empty array while data is still
13
- * loading — represent loading or unknown status with `unverifiedCount`.
13
+ * resolving — use `loading` for that, and `unverifiedCount` for requirements
14
+ * whose status couldn't be confirmed.
14
15
  */
15
16
  requirements: McpRequirementInfoItem[];
16
17
  /**
@@ -26,6 +27,11 @@ export type McpRequirementsStatusProps = {
26
27
  * switches between the action and the read-only admin-handoff guidance.
27
28
  */
28
29
  onSetup?: () => void;
30
+ /**
31
+ * Requirement data isn't ready yet. Renders a skeleton sized to the resolved
32
+ * states so the column doesn't flash "Ready" (or empty) before it's known.
33
+ */
34
+ loading?: boolean;
29
35
  className?: string;
30
36
  };
31
37
  /**
@@ -33,5 +39,5 @@ export type McpRequirementsStatusProps = {
33
39
  * callback turns missing requirements into a secondary action; without it,
34
40
  * the same summary becomes a ghost disclosure with permission guidance.
35
41
  */
36
- export declare function McpRequirementsStatus({ requirements, unverifiedCount, onSetup, className, }: McpRequirementsStatusProps): import("react").JSX.Element;
42
+ export declare function McpRequirementsStatus({ requirements, unverifiedCount, onSetup, loading, className, }: McpRequirementsStatusProps): import("react").JSX.Element;
37
43
  //# sourceMappingURL=mcp-requirements-status.d.ts.map
package/dist/components/ui/organisms/mcp-requirements-status.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mcp-requirements-status.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-requirements-status.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBvC,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAOF,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;;OAIG;IACH,YAAY,EAAE,sBAAsB,EAAE,CAAC;IACvC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAmMF;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,YAAY,EACZ,eAAmB,EACnB,OAAO,EACP,SAAS,GACV,EAAE,0BAA0B,+BAuC5B"}
1
+ {"version":3,"file":"mcp-requirements-status.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/organisms/mcp-requirements-status.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,MAAM,MAAM,sBAAsB,GAAG;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAOF,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;;;OAKG;IACH,YAAY,EAAE,sBAAsB,EAAE,CAAC;IACvC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAmMF;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,YAAY,EACZ,eAAmB,EACnB,OAAO,EACP,OAAe,EACf,SAAS,GACV,EAAE,0BAA0B,+BA2C5B"}
package/dist/components/ui/organisms/mcp-requirements-status.js CHANGED
@@ -4,155 +4,157 @@ import { cn as e } from "../../../lib/utils.js";
4
4
  import { t } from "../../../button-BdQxLUOB.js";
5
5
  import { a as n, i as r, n as i, o as a, r as o, t as s } from "../../../popover-CpLkQtT5.js";
6
6
  import { t as c } from "../../../scroll-area-D7iOy7xj.js";
7
- import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
8
- import { CheckCircle2 as f, ChevronDown as p, CircleHelp as m, KeyRound as h, LockKeyhole as g } from "lucide-react";
7
+ import { Skeleton as l } from "../atoms/skeleton.js";
8
+ import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
9
+ import { CheckCircle2 as p, ChevronDown as m, CircleHelp as h, KeyRound as g, LockKeyhole as _ } from "lucide-react";
9
10
  //#region lib/components/ui/organisms/mcp-requirements-status.tsx
10
- var _ = /* @__PURE__ */ u(l, { children: "You can view these, but only a project or organization admin can add them." }), v = 42, y = 252;
11
- function b({ count: e, showChevron: t = !1 }) {
12
- return /* @__PURE__ */ d(l, { children: [
13
- /* @__PURE__ */ u("span", {
11
+ var v = /* @__PURE__ */ d(u, { children: "You can view these, but only a project or organization admin can add them." }), y = 42, b = 252;
12
+ function x({ count: e, showChevron: t = !1 }) {
13
+ return /* @__PURE__ */ f(u, { children: [
14
+ /* @__PURE__ */ d("span", {
14
15
  "aria-hidden": !0,
15
16
  className: "flex size-5 shrink-0 items-center justify-center rounded-md bg-warning/5 text-warning",
16
- children: /* @__PURE__ */ u(h, { className: "size-3" })
17
+ children: /* @__PURE__ */ d(g, { className: "size-3" })
17
18
  }),
18
- /* @__PURE__ */ d("span", {
19
+ /* @__PURE__ */ f("span", {
19
20
  className: "inline-flex items-baseline gap-1 whitespace-nowrap text-muted-foreground text-xs tabular-nums",
20
- children: [/* @__PURE__ */ u("span", {
21
+ children: [/* @__PURE__ */ d("span", {
21
22
  className: "font-semibold text-foreground",
22
23
  children: e
23
- }), /* @__PURE__ */ u("span", { children: e === 1 ? "requirement" : "requirements" })]
24
+ }), /* @__PURE__ */ d("span", { children: e === 1 ? "requirement" : "requirements" })]
24
25
  }),
25
- t ? /* @__PURE__ */ u(p, {
26
+ t ? /* @__PURE__ */ d(m, {
26
27
  "aria-hidden": !0,
27
28
  className: "size-3 shrink-0 text-muted-foreground/70 transition-transform group-aria-expanded:rotate-180 motion-reduce:transition-none"
28
29
  }) : null
29
30
  ] });
30
31
  }
31
- function x({ className: t }) {
32
- return /* @__PURE__ */ d("span", {
32
+ function S({ className: t }) {
33
+ return /* @__PURE__ */ f("span", {
33
34
  className: e("inline-flex h-8 items-center gap-2 whitespace-nowrap px-2 font-medium text-muted-foreground text-sm", t),
34
- children: [/* @__PURE__ */ u(f, {
35
+ children: [/* @__PURE__ */ d(p, {
35
36
  "aria-hidden": !0,
36
37
  className: "size-4 text-success/80"
37
- }), /* @__PURE__ */ u("span", { children: "Ready" })]
38
+ }), /* @__PURE__ */ d("span", { children: "Ready" })]
38
39
  });
39
40
  }
40
- function S({ count: t, className: c }) {
41
- return /* @__PURE__ */ d(s, { children: [/* @__PURE__ */ d(a, {
41
+ function C({ count: t, className: c }) {
42
+ return /* @__PURE__ */ f(s, { children: [/* @__PURE__ */ f(a, {
42
43
  "aria-label": `${t === 1 ? "1 item" : `${t} items`} unverified. View details`,
43
44
  className: e("group inline-flex h-8 items-center gap-2 whitespace-nowrap rounded-md px-2 font-medium text-muted-foreground text-sm outline-none transition-colors hover:bg-muted/40 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/60 motion-reduce:transition-none dark:hover:bg-muted/25", c),
44
45
  type: "button",
45
46
  children: [
46
- /* @__PURE__ */ u(m, {
47
+ /* @__PURE__ */ d(h, {
47
48
  "aria-hidden": !0,
48
49
  className: "size-3.5 shrink-0 text-muted-foreground"
49
50
  }),
50
- /* @__PURE__ */ u("span", { children: "Couldn't verify" }),
51
- /* @__PURE__ */ u(p, {
51
+ /* @__PURE__ */ d("span", { children: "Couldn't verify" }),
52
+ /* @__PURE__ */ d(m, {
52
53
  "aria-hidden": !0,
53
54
  className: "size-3.5 shrink-0 text-muted-foreground transition-transform group-aria-expanded:rotate-180 motion-reduce:transition-none"
54
55
  })
55
56
  ]
56
- }), /* @__PURE__ */ d(i, {
57
+ }), /* @__PURE__ */ f(i, {
57
58
  align: "start",
58
59
  className: "w-72 gap-3",
59
60
  sideOffset: 6,
60
- children: [/* @__PURE__ */ d(r, { children: [/* @__PURE__ */ u(n, { children: "Couldn't check requirements" }), /* @__PURE__ */ u(o, { children: "Arcade couldn't confirm whether this gateway's tools are ready to run." })] }), /* @__PURE__ */ u("p", {
61
+ children: [/* @__PURE__ */ f(r, { children: [/* @__PURE__ */ d(n, { children: "Couldn't check requirements" }), /* @__PURE__ */ d(o, { children: "Arcade couldn't confirm whether this gateway's tools are ready to run." })] }), /* @__PURE__ */ d("p", {
61
62
  className: "text-muted-foreground text-xs leading-relaxed",
62
63
  children: "Usually a listed tool is no longer available. Review the gateway's tools, or refresh if it's a temporary error."
63
64
  })]
64
65
  })] });
65
66
  }
66
- function C({ item: t }) {
67
- return /* @__PURE__ */ d("li", {
67
+ function w({ item: t }) {
68
+ return /* @__PURE__ */ f("li", {
68
69
  className: "flex items-center gap-2.5",
69
- children: [/* @__PURE__ */ u("span", {
70
+ children: [/* @__PURE__ */ d("span", {
70
71
  "aria-hidden": !0,
71
72
  className: "flex size-7 shrink-0 items-center justify-center rounded-md bg-muted/60 text-muted-foreground ring-1 ring-border/50",
72
73
  children: t.icon
73
- }), /* @__PURE__ */ d("span", {
74
+ }), /* @__PURE__ */ f("span", {
74
75
  className: "min-w-0 flex-1",
75
- children: [/* @__PURE__ */ u("span", {
76
+ children: [/* @__PURE__ */ d("span", {
76
77
  className: e("block truncate font-medium text-foreground text-xs", t.mono && "font-mono"),
77
78
  title: t.title,
78
79
  translate: t.mono ? "no" : void 0,
79
80
  children: t.title
80
- }), /* @__PURE__ */ u("span", {
81
+ }), /* @__PURE__ */ d("span", {
81
82
  className: "block truncate text-[11px] text-muted-foreground",
82
83
  children: t.meta
83
84
  })]
84
85
  })]
85
86
  });
86
87
  }
87
- function w({ requirements: t, unverifiedCount: l, className: f }) {
88
+ function T({ requirements: t, unverifiedCount: l, className: u }) {
88
89
  let p = t.length;
89
- return /* @__PURE__ */ d(s, { children: [/* @__PURE__ */ u(a, {
90
+ return /* @__PURE__ */ f(s, { children: [/* @__PURE__ */ d(a, {
90
91
  "aria-label": `View ${`${p} ${p === 1 ? "requirement" : "requirements"}`} that ${p === 1 ? "needs" : "need"} setup`,
91
- className: e("group inline-flex h-8 items-center gap-2 rounded-md px-1.5 text-left outline-none transition-colors hover:bg-foreground/[0.04] focus-visible:ring-2 focus-visible:ring-ring/60 motion-reduce:transition-none dark:hover:bg-foreground/[0.06]", f),
92
+ className: e("group inline-flex h-8 items-center gap-2 rounded-md px-1.5 text-left outline-none transition-colors hover:bg-foreground/[0.04] focus-visible:ring-2 focus-visible:ring-ring/60 motion-reduce:transition-none dark:hover:bg-foreground/[0.06]", u),
92
93
  type: "button",
93
- children: /* @__PURE__ */ u(b, {
94
+ children: /* @__PURE__ */ d(x, {
94
95
  count: p,
95
96
  showChevron: !0
96
97
  })
97
- }), /* @__PURE__ */ d(i, {
98
+ }), /* @__PURE__ */ f(i, {
98
99
  align: "start",
99
100
  className: "w-80 max-w-[calc(100vw-1rem)] gap-0 overflow-hidden p-0",
100
101
  sideOffset: 6,
101
102
  children: [
102
- /* @__PURE__ */ d(r, {
103
+ /* @__PURE__ */ f(r, {
103
104
  className: "border-border/60 border-b px-3 py-2.5",
104
- children: [/* @__PURE__ */ u(n, { children: "Setup Requirements" }), /* @__PURE__ */ u(o, { children: "Configure these before the gateway's tools can run." })]
105
+ children: [/* @__PURE__ */ d(n, { children: "Setup Requirements" }), /* @__PURE__ */ d(o, { children: "Configure these before the gateway's tools can run." })]
105
106
  }),
106
- /* @__PURE__ */ d("div", {
107
+ /* @__PURE__ */ f("div", {
107
108
  className: "px-3 py-3",
108
- children: [/* @__PURE__ */ u(c, {
109
+ children: [/* @__PURE__ */ d(c, {
109
110
  className: "min-h-0 overflow-hidden",
110
111
  orientation: "vertical",
111
- style: { height: Math.min(t.length * v, y) },
112
+ style: { height: Math.min(t.length * y, b) },
112
113
  type: "hover",
113
- children: /* @__PURE__ */ u("ul", {
114
+ children: /* @__PURE__ */ d("ul", {
114
115
  className: "space-y-2.5 pr-2",
115
- children: t.map((e) => /* @__PURE__ */ u(C, { item: e }, e.id))
116
+ children: t.map((e) => /* @__PURE__ */ d(w, { item: e }, e.id))
116
117
  })
117
- }), l > 0 ? /* @__PURE__ */ d("div", {
118
+ }), l > 0 ? /* @__PURE__ */ f("div", {
118
119
  className: "mt-3 flex items-start gap-2 border-border/50 border-t pt-3 text-muted-foreground text-xs leading-relaxed",
119
- children: [/* @__PURE__ */ u(m, {
120
+ children: [/* @__PURE__ */ d(h, {
120
121
  "aria-hidden": !0,
121
122
  className: "mt-0.5 size-3.5 shrink-0"
122
- }), /* @__PURE__ */ d("span", { children: [l, " more couldn't be checked."] })]
123
+ }), /* @__PURE__ */ f("span", { children: [l, " more couldn't be checked."] })]
123
124
  }) : null]
124
125
  }),
125
- /* @__PURE__ */ d("div", {
126
+ /* @__PURE__ */ f("div", {
126
127
  className: "flex items-start gap-2.5 border-border/60 border-t bg-muted/20 px-3 py-2.5 text-muted-foreground text-xs leading-relaxed",
127
- children: [/* @__PURE__ */ u(g, {
128
+ children: [/* @__PURE__ */ d(_, {
128
129
  "aria-hidden": !0,
129
130
  className: "mt-0.5 size-3.5 shrink-0 text-foreground/70"
130
- }), /* @__PURE__ */ u("span", { children: _ })]
131
+ }), /* @__PURE__ */ d("span", { children: v })]
131
132
  })
132
133
  ]
133
134
  })] });
134
135
  }
135
- function T({ requirements: n, unverifiedCount: r = 0, onSetup: i, className: a }) {
136
- if (n.length === 0) return r > 0 ? /* @__PURE__ */ u(S, {
137
- className: a,
136
+ function E({ requirements: n, unverifiedCount: r = 0, onSetup: i, loading: a = !1, className: o }) {
137
+ if (a) return /* @__PURE__ */ d(l, { className: e("h-8 w-28 rounded-md", o) });
138
+ if (n.length === 0) return r > 0 ? /* @__PURE__ */ d(C, {
139
+ className: o,
138
140
  count: r
139
- }) : /* @__PURE__ */ u(x, { className: a });
141
+ }) : /* @__PURE__ */ d(S, { className: o });
140
142
  if (i) {
141
143
  let r = n.length;
142
- return /* @__PURE__ */ u(t, {
144
+ return /* @__PURE__ */ d(t, {
143
145
  "aria-label": `Configure ${`${r} ${r === 1 ? "requirement" : "requirements"}`}`,
144
- className: e("h-8 gap-2 rounded-md px-1.5 pr-2.5 shadow-none motion-reduce:transition-none", a),
146
+ className: e("h-8 gap-2 rounded-md px-1.5 pr-2.5 shadow-none motion-reduce:transition-none", o),
145
147
  onClick: i,
146
148
  type: "button",
147
149
  variant: "outline",
148
- children: /* @__PURE__ */ u(b, { count: r })
150
+ children: /* @__PURE__ */ d(x, { count: r })
149
151
  });
150
152
  }
151
- return /* @__PURE__ */ u(w, {
152
- className: a,
153
+ return /* @__PURE__ */ d(T, {
154
+ className: o,
153
155
  requirements: n,
154
156
  unverifiedCount: r
155
157
  });
156
158
  }
157
159
  //#endregion
158
- export { T as McpRequirementsStatus };
160
+ export { E as McpRequirementsStatus };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arcadeai/design-system",
3
3
  "private": false,
4
- "version": "7.5.1",
4
+ "version": "7.6.0",
5
5
  "type": "module",
6
6
  "main": "./dist/main.js",
7
7
  "types": "./dist/main.d.ts",