@arcadeai/design-system 3.32.0 → 3.33.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 (46) hide show
  1. package/dist/assets/icons/exa.js +10 -0
  2. package/dist/assets/images/arcade-grid.d.ts +5 -0
  3. package/dist/assets/images/arcade-grid.d.ts.map +1 -0
  4. package/dist/assets/images/arcade-grid.js +23 -0
  5. package/dist/assets/images/arcade-logo.d.ts +5 -10
  6. package/dist/assets/images/arcade-logo.d.ts.map +1 -0
  7. package/dist/assets/images/arcade-logo.js +31 -10
  8. package/dist/components/index.js +175 -157
  9. package/dist/components/ui/atoms/copy-button.d.ts.map +1 -1
  10. package/dist/components/ui/atoms/copy-button.js +41 -22
  11. package/dist/components/ui/atoms/icons/exa.d.ts.map +1 -1
  12. package/dist/components/ui/atoms/icons/exa.js +11 -12
  13. package/dist/components/ui/atoms/index.js +1 -1
  14. package/dist/components/ui/atoms/markdown.d.ts +1 -1
  15. package/dist/components/ui/atoms/markdown.d.ts.map +1 -1
  16. package/dist/components/ui/atoms/markdown.js +1 -1
  17. package/dist/components/ui/index.d.ts +2 -0
  18. package/dist/components/ui/index.d.ts.map +1 -1
  19. package/dist/components/ui/index.js +175 -157
  20. package/dist/components/ui/molecules/index.js +1 -1
  21. package/dist/components/ui/molecules/message.js +1 -1
  22. package/dist/components/ui/molecules/requirement-badges.js +2 -2
  23. package/dist/components/ui/molecules/toolkit-card.js +1 -1
  24. package/dist/components/ui/pages/index.d.ts +4 -0
  25. package/dist/components/ui/pages/index.d.ts.map +1 -0
  26. package/dist/components/ui/pages/index.js +4 -0
  27. package/dist/components/ui/pages/login-page.d.ts +20 -0
  28. package/dist/components/ui/pages/login-page.d.ts.map +1 -0
  29. package/dist/components/ui/pages/login-page.js +92 -0
  30. package/dist/components/ui/templates/auth-template.d.ts +44 -0
  31. package/dist/components/ui/templates/auth-template.d.ts.map +1 -0
  32. package/dist/components/ui/templates/auth-template.js +236 -0
  33. package/dist/components/ui/templates/index.d.ts +4 -0
  34. package/dist/components/ui/templates/index.d.ts.map +1 -0
  35. package/dist/components/ui/templates/index.js +18 -0
  36. package/dist/{highlighted-body-B3W2YXNL-Dg7ybfUq.js → highlighted-body-B3W2YXNL-D6XBJnwx.js} +1 -1
  37. package/dist/main.js +251 -232
  38. package/dist/{markdown-CSrGIfKB.js → markdown-ChximrBv.js} +3 -3
  39. package/dist/mermaid-3ZIDBTTL-DtIP-JZq.js +4 -0
  40. package/dist/metadata/constants.d.ts +1 -0
  41. package/dist/metadata/constants.d.ts.map +1 -1
  42. package/dist/metadata/constants.js +3 -2
  43. package/dist/metadata/index.js +20 -19
  44. package/dist/{toolkit-card-Birn0MUI.js → toolkit-card-B0syFJQ6.js} +1 -1
  45. package/package.json +1 -1
  46. package/dist/mermaid-3ZIDBTTL-Co7GHGDL.js +0 -4
@@ -19410,7 +19410,7 @@ var Kl = bn(!1), i3 = () => De(Kl), z = (...e) => Zc(Jc(e)), Qt = (e, t, r) => {
19410
19410
  if (o.color && (d["--sdm-c"] = o.color), o.bgColor && (d["--sdm-tbg"] = o.bgColor), o.htmlStyle) for (let [f, p] of Object.entries(o.htmlStyle)) f === "color" ? d["--sdm-c"] = p : f === "background-color" ? (d["--sdm-tbg"] = p, h = !0) : d[f] = p;
19411
19411
  return x("span", { className: z("text-[var(--sdm-c,inherit)]", "dark:text-[var(--shiki-dark,var(--sdm-c,inherit))]", h && "bg-[var(--sdm-tbg)]", h && "dark:bg-[var(--shiki-dark-bg,var(--sdm-tbg))]"), style: d, ...o.htmlAttrs, children: o.content }, l);
19412
19412
  }) }, u)) }) }) });
19413
- }, (e, t) => e.result === t.result && e.language === t.language && e.className === t.className), o3 = ({ className: e, language: t, style: r, isIncomplete: n, ...i }) => x("div", { className: z("my-4 flex w-full flex-col gap-2 rounded-xl border border-border bg-sidebar p-2", e), "data-incomplete": n || void 0, "data-language": t, "data-streamdown": "code-block", style: { contentVisibility: "auto", containIntrinsicSize: "auto 200px", ...r }, ...i }), Zl = bn({ code: "" }), Jl = () => De(Zl), l3 = ({ language: e }) => x("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e, "data-streamdown": "code-block-header", children: x("span", { className: "ml-1 font-mono lowercase", children: e }) }), c3 = /\n+$/, d3 = yu(() => import("./highlighted-body-B3W2YXNL-Dg7ybfUq.js").then((e) => ({ default: e.HighlightedCodeBlockBody }))), h3 = ({ code: e, language: t, className: r, children: n, isIncomplete: i = !1, ...s }) => {
19413
+ }, (e, t) => e.result === t.result && e.language === t.language && e.className === t.className), o3 = ({ className: e, language: t, style: r, isIncomplete: n, ...i }) => x("div", { className: z("my-4 flex w-full flex-col gap-2 rounded-xl border border-border bg-sidebar p-2", e), "data-incomplete": n || void 0, "data-language": t, "data-streamdown": "code-block", style: { contentVisibility: "auto", containIntrinsicSize: "auto 200px", ...r }, ...i }), Zl = bn({ code: "" }), Jl = () => De(Zl), l3 = ({ language: e }) => x("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e, "data-streamdown": "code-block-header", children: x("span", { className: "ml-1 font-mono lowercase", children: e }) }), c3 = /\n+$/, d3 = yu(() => import("./highlighted-body-B3W2YXNL-D6XBJnwx.js").then((e) => ({ default: e.HighlightedCodeBlockBody }))), h3 = ({ code: e, language: t, className: r, children: n, isIncomplete: i = !1, ...s }) => {
19414
19414
  let a = Ee(() => e.replace(c3, ""), [e]), u = Ee(() => ({ bg: "transparent", fg: "inherit", tokens: a.split(`
19415
19415
  `).map((o) => [{ content: o, color: "inherit", bgColor: "transparent", htmlStyle: {}, offset: 0 }]) }), [a]);
19416
19416
  return x(Zl.Provider, { value: { code: e }, children: ee(o3, { isIncomplete: i, language: t, children: [x(l3, { language: t }), n ? x("div", { className: "pointer-events-none sticky top-2 z-10 -mt-10 flex h-8 items-center justify-end", children: x("div", { className: "pointer-events-auto flex shrink-0 items-center gap-2 rounded-md border border-sidebar bg-sidebar/80 px-1.5 py-1 supports-[backdrop-filter]:bg-sidebar/70 supports-[backdrop-filter]:backdrop-blur", "data-streamdown": "code-block-actions", children: n }) }) : null, x(Iu, { fallback: x(u3, { className: r, language: t, result: u, ...s }), children: x(d3, { className: r, code: a, language: t, raw: u, ...s }) })] }) });
@@ -19717,7 +19717,7 @@ var Kl = bn(!1), i3 = () => De(Kl), z = (...e) => Zc(Jc(e)), Qt = (e, t, r) => {
19717
19717
  document.removeEventListener("mousedown", l);
19718
19718
  };
19719
19719
  }, []), ee("div", { className: "relative", ref: a, children: [x("button", { className: z("cursor-pointer p-1 text-muted-foreground transition-all hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50", t), disabled: u, onClick: () => s(!i), title: "Download table", type: "button", children: e ?? x(Dn, { size: 14 }) }), i ? ee("div", { className: "absolute top-full right-0 z-10 mt-1 min-w-[120px] overflow-hidden rounded-md border border-border bg-background shadow-lg", children: [x("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => o("csv"), title: "Download table as CSV", type: "button", children: "CSV" }), x("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => o("markdown"), title: "Download table as Markdown", type: "button", children: "Markdown" })] }) : null] });
19720
- }, D3 = ({ children: e, className: t, showControls: r, ...n }) => ee("div", { className: "my-4 flex flex-col gap-2 rounded-lg border border-border bg-sidebar p-2", "data-streamdown": "table-wrapper", children: [r ? ee("div", { className: "flex items-center justify-end gap-1", children: [x(R3, {}), x(O3, {})] }) : null, x("div", { className: "border-collapse overflow-x-auto overscroll-y-auto rounded-md border border-border bg-background", children: x("table", { className: z("w-full divide-y divide-border", t), "data-streamdown": "table", ...n, children: e }) })] }), P3 = yu(() => import("./mermaid-3ZIDBTTL-Co7GHGDL.js").then((e) => ({ default: e.Mermaid }))), M3 = /language-([^\s]+)/;
19720
+ }, D3 = ({ children: e, className: t, showControls: r, ...n }) => ee("div", { className: "my-4 flex flex-col gap-2 rounded-lg border border-border bg-sidebar p-2", "data-streamdown": "table-wrapper", children: [r ? ee("div", { className: "flex items-center justify-end gap-1", children: [x(R3, {}), x(O3, {})] }) : null, x("div", { className: "border-collapse overflow-x-auto overscroll-y-auto rounded-md border border-border bg-background", children: x("table", { className: z("w-full divide-y divide-border", t), "data-streamdown": "table", ...n, children: e }) })] }), P3 = yu(() => import("./mermaid-3ZIDBTTL-DtIP-JZq.js").then((e) => ({ default: e.Mermaid }))), M3 = /language-([^\s]+)/;
19721
19721
  function Pn(e, t) {
19722
19722
  if (!(e != null && e.position || t != null && t.position)) return !0;
19723
19723
  if (!(e != null && e.position && t != null && t.position)) return !1;
@@ -20162,7 +20162,7 @@ function EA({
20162
20162
  plugins: { code: rf },
20163
20163
  remarkPlugins: bA,
20164
20164
  shikiTheme: ["github-light", "github-dark"],
20165
- children: e
20165
+ children: e ?? ""
20166
20166
  }
20167
20167
  ) });
20168
20168
  }
@@ -0,0 +1,4 @@
1
+ import { N as a } from "./markdown-ChximrBv.js";
2
+ export {
3
+ a as Mermaid
4
+ };
@@ -1,2 +1,3 @@
1
1
  export declare const PUBLIC_ICON_URL = "https://design-system.arcade.dev/icons";
2
+ export declare const PUBLIC_VIDEO_URL = "https://design-system.arcade.dev/video";
2
3
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../lib/metadata/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,2CAA2C,CAAC"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../lib/metadata/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,2CAA2C,CAAC;AACxE,eAAO,MAAM,gBAAgB,2CAA2C,CAAC"}
@@ -1,4 +1,5 @@
1
- const s = "https://design-system.arcade.dev/icons";
1
+ const s = "https://design-system.arcade.dev/icons", e = "https://design-system.arcade.dev/video";
2
2
  export {
3
- s as PUBLIC_ICON_URL
3
+ s as PUBLIC_ICON_URL,
4
+ e as PUBLIC_VIDEO_URL
4
5
  };
@@ -1,28 +1,29 @@
1
- import { PUBLIC_ICON_URL as r } from "./constants.js";
2
- import { MCP_OAUTH2_PROVIDER as I, OAUTH2_PROVIDER as e, OAUTH_PROVIDERS as i, OAUTH_PROVIDER_CATALOGUE as t, OAuthId as P, OAuthProviderId as R, OTHER_OAUTH_PROVIDERS as _, PREBUILT_OAUTH_PROVIDERS as A } from "./oauth-providers.js";
3
- import { TOOLKIT_ICON_MAP as E, getToolIconByToolkitName as U, getToolkitIcon as l, getToolkitIconByName as f } from "./toolkit-icons.js";
4
- import { CATEGORIES as n, TOOLKITS as L, TOOLKIT_CATALOGUE as B } from "./toolkits.js";
5
- import { findPrebuiltProviderById as H, findPrebuiltProviderByProviderId as D, findToolkitByName as V, isKnownToolkit as k, isPrebuiltProvider as p } from "./utils.js";
1
+ import { PUBLIC_ICON_URL as r, PUBLIC_VIDEO_URL as I } from "./constants.js";
2
+ import { MCP_OAUTH2_PROVIDER as e, OAUTH2_PROVIDER as P, OAUTH_PROVIDERS as i, OAUTH_PROVIDER_CATALOGUE as t, OAuthId as R, OAuthProviderId as _, OTHER_OAUTH_PROVIDERS as A, PREBUILT_OAUTH_PROVIDERS as E } from "./oauth-providers.js";
3
+ import { TOOLKIT_ICON_MAP as d, getToolIconByToolkitName as L, getToolkitIcon as l, getToolkitIconByName as f } from "./toolkit-icons.js";
4
+ import { CATEGORIES as n, TOOLKITS as B, TOOLKIT_CATALOGUE as C } from "./toolkits.js";
5
+ import { findPrebuiltProviderById as H, findPrebuiltProviderByProviderId as V, findToolkitByName as k, isKnownToolkit as p, isPrebuiltProvider as u } from "./utils.js";
6
6
  export {
7
7
  n as CATEGORIES,
8
- I as MCP_OAUTH2_PROVIDER,
9
- e as OAUTH2_PROVIDER,
8
+ e as MCP_OAUTH2_PROVIDER,
9
+ P as OAUTH2_PROVIDER,
10
10
  i as OAUTH_PROVIDERS,
11
11
  t as OAUTH_PROVIDER_CATALOGUE,
12
- P as OAuthId,
13
- R as OAuthProviderId,
14
- _ as OTHER_OAUTH_PROVIDERS,
15
- A as PREBUILT_OAUTH_PROVIDERS,
12
+ R as OAuthId,
13
+ _ as OAuthProviderId,
14
+ A as OTHER_OAUTH_PROVIDERS,
15
+ E as PREBUILT_OAUTH_PROVIDERS,
16
16
  r as PUBLIC_ICON_URL,
17
- L as TOOLKITS,
18
- B as TOOLKIT_CATALOGUE,
19
- E as TOOLKIT_ICON_MAP,
17
+ I as PUBLIC_VIDEO_URL,
18
+ B as TOOLKITS,
19
+ C as TOOLKIT_CATALOGUE,
20
+ d as TOOLKIT_ICON_MAP,
20
21
  H as findPrebuiltProviderById,
21
- D as findPrebuiltProviderByProviderId,
22
- V as findToolkitByName,
23
- U as getToolIconByToolkitName,
22
+ V as findPrebuiltProviderByProviderId,
23
+ k as findToolkitByName,
24
+ L as getToolIconByToolkitName,
24
25
  l as getToolkitIcon,
25
26
  f as getToolkitIconByName,
26
- k as isKnownToolkit,
27
- p as isPrebuiltProvider
27
+ p as isKnownToolkit,
28
+ u as isPrebuiltProvider
28
29
  };
@@ -9,7 +9,7 @@ import { cn as m } from "./lib/utils.js";
9
9
  import { Badge as N } from "./components/ui/atoms/badge.js";
10
10
  import { ByocBadge as U } from "./components/ui/atoms/byoc-badge.js";
11
11
  import "./components/ui/atoms/chart.js";
12
- import "./markdown-CSrGIfKB.js";
12
+ import "./markdown-ChximrBv.js";
13
13
  import "./components/ui/atoms/mobile-tooltip.js";
14
14
  import { ProBadge as _ } from "./components/ui/atoms/pro-badge.js";
15
15
  import "./react-resizable-panels.browser-DYl0LXfw.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@arcadeai/design-system",
3
3
  "private": false,
4
- "version": "3.32.0",
4
+ "version": "3.33.0",
5
5
  "type": "module",
6
6
  "main": "./dist/main.js",
7
7
  "types": "./dist/main.d.ts",
@@ -1,4 +0,0 @@
1
- import { N as a } from "./markdown-CSrGIfKB.js";
2
- export {
3
- a as Mermaid
4
- };