@arcadeai/design-system 3.33.2 → 3.35.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 (121) hide show
  1. package/README.md +30 -317
  2. package/dist/arcade-logo-BVV97-cr.js +33 -0
  3. package/dist/assets/icons/granola.js +14 -0
  4. package/dist/assets/images/arcade-grid.d.ts +1 -1
  5. package/dist/assets/images/arcade-grid.d.ts.map +1 -1
  6. package/dist/assets/images/arcade-logo.d.ts +1 -1
  7. package/dist/assets/images/arcade-logo.d.ts.map +1 -1
  8. package/dist/assets/images/arcade-logo.js +10 -31
  9. package/dist/components/index.js +597 -567
  10. package/dist/components/ui/atoms/accordion.d.ts +1 -1
  11. package/dist/components/ui/atoms/accordion.d.ts.map +1 -1
  12. package/dist/components/ui/atoms/alert-dialog.d.ts +1 -1
  13. package/dist/components/ui/atoms/alert-dialog.d.ts.map +1 -1
  14. package/dist/components/ui/atoms/alert.d.ts +1 -1
  15. package/dist/components/ui/atoms/alert.d.ts.map +1 -1
  16. package/dist/components/ui/atoms/avatar-notification-badge.d.ts +34 -0
  17. package/dist/components/ui/atoms/avatar-notification-badge.d.ts.map +1 -0
  18. package/dist/components/ui/atoms/avatar-notification-badge.js +78 -0
  19. package/dist/components/ui/atoms/avatar.d.ts +1 -1
  20. package/dist/components/ui/atoms/avatar.d.ts.map +1 -1
  21. package/dist/components/ui/atoms/breadcrumb.d.ts +1 -1
  22. package/dist/components/ui/atoms/breadcrumb.d.ts.map +1 -1
  23. package/dist/components/ui/atoms/card.d.ts +1 -1
  24. package/dist/components/ui/atoms/card.d.ts.map +1 -1
  25. package/dist/components/ui/atoms/chart.d.ts +1 -1
  26. package/dist/components/ui/atoms/chart.d.ts.map +1 -1
  27. package/dist/components/ui/atoms/chat-container.d.ts +1 -1
  28. package/dist/components/ui/atoms/chat-container.d.ts.map +1 -1
  29. package/dist/components/ui/atoms/code-block.d.ts +1 -1
  30. package/dist/components/ui/atoms/code-block.d.ts.map +1 -1
  31. package/dist/components/ui/atoms/collapsible.d.ts +1 -1
  32. package/dist/components/ui/atoms/command.d.ts +1 -1
  33. package/dist/components/ui/atoms/command.d.ts.map +1 -1
  34. package/dist/components/ui/atoms/command.js +364 -288
  35. package/dist/components/ui/atoms/copy-button.d.ts +1 -1
  36. package/dist/components/ui/atoms/copy-button.d.ts.map +1 -1
  37. package/dist/components/ui/atoms/dropdown-menu.d.ts +1 -1
  38. package/dist/components/ui/atoms/dropdown-menu.d.ts.map +1 -1
  39. package/dist/components/ui/atoms/form.d.ts +1 -1
  40. package/dist/components/ui/atoms/form.d.ts.map +1 -1
  41. package/dist/components/ui/atoms/hover-card.d.ts +1 -1
  42. package/dist/components/ui/atoms/icons/granola.d.ts +4 -0
  43. package/dist/components/ui/atoms/icons/granola.d.ts.map +1 -0
  44. package/dist/components/ui/atoms/icons/granola.js +20 -0
  45. package/dist/components/ui/atoms/icons/index.d.ts +1 -0
  46. package/dist/components/ui/atoms/icons/index.d.ts.map +1 -1
  47. package/dist/components/ui/atoms/icons/index.js +156 -154
  48. package/dist/components/ui/atoms/index.d.ts +3 -0
  49. package/dist/components/ui/atoms/index.d.ts.map +1 -1
  50. package/dist/components/ui/atoms/index.js +514 -504
  51. package/dist/components/ui/atoms/json-highlight.d.ts +60 -0
  52. package/dist/components/ui/atoms/json-highlight.d.ts.map +1 -0
  53. package/dist/components/ui/atoms/json-highlight.js +77 -0
  54. package/dist/components/ui/atoms/loader.d.ts +1 -1
  55. package/dist/components/ui/atoms/loader.d.ts.map +1 -1
  56. package/dist/components/ui/atoms/markdown.js +1 -1
  57. package/dist/components/ui/atoms/popover.d.ts +1 -1
  58. package/dist/components/ui/atoms/popover.d.ts.map +1 -1
  59. package/dist/components/ui/atoms/resizable.d.ts +1 -1
  60. package/dist/components/ui/atoms/resizable.d.ts.map +1 -1
  61. package/dist/components/ui/atoms/scroll-button.d.ts +1 -1
  62. package/dist/components/ui/atoms/scroll-button.d.ts.map +1 -1
  63. package/dist/components/ui/atoms/scroll-button.js +8 -8
  64. package/dist/components/ui/atoms/sheet.d.ts +1 -1
  65. package/dist/components/ui/atoms/sheet.d.ts.map +1 -1
  66. package/dist/components/ui/atoms/table.d.ts +1 -1
  67. package/dist/components/ui/atoms/table.d.ts.map +1 -1
  68. package/dist/components/ui/atoms/tabs.d.ts +1 -1
  69. package/dist/components/ui/atoms/tabs.d.ts.map +1 -1
  70. package/dist/components/ui/atoms/tooltip.d.ts +4 -2
  71. package/dist/components/ui/atoms/tooltip.d.ts.map +1 -1
  72. package/dist/components/ui/atoms/tooltip.js +3 -2
  73. package/dist/components/ui/atoms/view-tools-control.d.ts +1 -1
  74. package/dist/components/ui/atoms/view-tools-control.d.ts.map +1 -1
  75. package/dist/components/ui/atoms/view-tools-control.js +20 -19
  76. package/dist/components/ui/index.js +597 -567
  77. package/dist/components/ui/molecules/chat-message-list.d.ts +5 -2
  78. package/dist/components/ui/molecules/chat-message-list.d.ts.map +1 -1
  79. package/dist/components/ui/molecules/chat-message-list.js +2 -2
  80. package/dist/components/ui/molecules/index.d.ts +8 -0
  81. package/dist/components/ui/molecules/index.d.ts.map +1 -1
  82. package/dist/components/ui/molecules/index.js +48 -28
  83. package/dist/components/ui/molecules/message.d.ts +2 -2
  84. package/dist/components/ui/molecules/message.d.ts.map +1 -1
  85. package/dist/components/ui/molecules/message.js +1 -1
  86. package/dist/components/ui/molecules/prompt-input.d.ts +1 -1
  87. package/dist/components/ui/molecules/prompt-input.d.ts.map +1 -1
  88. package/dist/components/ui/molecules/prompt-input.js +20 -20
  89. package/dist/components/ui/molecules/requirement-badges.js +9 -5
  90. package/dist/components/ui/molecules/switcher.d.ts +83 -0
  91. package/dist/components/ui/molecules/switcher.d.ts.map +1 -0
  92. package/dist/components/ui/molecules/switcher.js +164 -0
  93. package/dist/components/ui/molecules/tool-authorization.d.ts +56 -0
  94. package/dist/components/ui/molecules/tool-authorization.d.ts.map +1 -0
  95. package/dist/components/ui/molecules/tool-authorization.js +160 -0
  96. package/dist/components/ui/molecules/tool-call-accordion.d.ts +36 -0
  97. package/dist/components/ui/molecules/tool-call-accordion.d.ts.map +1 -0
  98. package/dist/components/ui/molecules/tool-call-accordion.js +301 -0
  99. package/dist/components/ui/molecules/toolkit-card.js +1 -1
  100. package/dist/components/ui/molecules/user-nav.d.ts +65 -0
  101. package/dist/components/ui/molecules/user-nav.d.ts.map +1 -0
  102. package/dist/components/ui/molecules/user-nav.js +154 -0
  103. package/dist/components/ui/pages/chat-page.d.ts +18 -10
  104. package/dist/components/ui/pages/chat-page.d.ts.map +1 -1
  105. package/dist/components/ui/pages/chat-page.js +328 -243
  106. package/dist/components/ui/pages/login-page.js +6 -6
  107. package/dist/components/ui/templates/chat-template.d.ts +1 -1
  108. package/dist/components/ui/templates/chat-template.d.ts.map +1 -1
  109. package/dist/components/ui/templates/chat-template.js +11 -11
  110. package/dist/{highlighted-body-TPN3WLV5-DyOGcftJ.js → highlighted-body-TPN3WLV5-D6UnKGod.js} +1 -1
  111. package/dist/lib/utils.js +1 -1
  112. package/dist/main.js +623 -593
  113. package/dist/{markdown-9KGBuupR.js → markdown-D0xxRbwP.js} +2597 -2592
  114. package/dist/mermaid-O7DHMXV3-gUrB-Xs1.js +4 -0
  115. package/dist/metadata/toolkit-icons.d.ts.map +1 -1
  116. package/dist/metadata/toolkit-icons.js +130 -128
  117. package/dist/metadata/toolkits.d.ts.map +1 -1
  118. package/dist/metadata/toolkits.js +13 -0
  119. package/dist/{toolkit-card-k8jio69G.js → toolkit-card-B97E7TBA.js} +15 -12
  120. package/package.json +6 -6
  121. package/dist/mermaid-O7DHMXV3-CUp9wvRi.js +0 -4
@@ -2,10 +2,10 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
2
  import { Loader2 as p, LogIn as d } from "lucide-react";
3
3
  import { Fragment as f } from "react";
4
4
  import { ArcadeGrid as g } from "../../../assets/images/arcade-grid.js";
5
- import { ArcadeLogo as A } from "../../../assets/images/arcade-logo.js";
5
+ import { A } from "../../../arcade-logo-BVV97-cr.js";
6
6
  import { Button as b } from "../atoms/button.js";
7
7
  import { AuthTemplate as T, AuthTemplateVideoBackground as v, AuthTemplateLogo as y, AuthTemplateCard as L, AuthTemplateHeader as N, AuthTemplateTitle as x, AuthTemplateDescription as k, AuthTemplateContent as z, AuthTemplateFooter as w, AuthTemplatePrompt as P, AuthTemplatePromptLink as _, AuthTemplateLegal as B, AuthTemplateLegalLink as C } from "../templates/auth-template.js";
8
- import { cn as m } from "../../../lib/utils.js";
8
+ import { cn as s } from "../../../lib/utils.js";
9
9
  import { PUBLIC_VIDEO_URL as D } from "../../../metadata/constants.js";
10
10
  const I = `${D}/A_L_Orange_Pink.mp4`;
11
11
  function F({ isLoading: t }) {
@@ -34,11 +34,11 @@ function q({
34
34
  onSubmit: i,
35
35
  privacyHref: a,
36
36
  registerHref: o,
37
- submitText: s = "Sign in with Arcade",
37
+ submitText: m = "Sign in with Arcade",
38
38
  termsHref: l,
39
39
  videoSrc: c = I
40
40
  }) {
41
- const h = t ? n : s, u = o || l || a;
41
+ const h = t ? n : m, u = o || l || a;
42
42
  return /* @__PURE__ */ r(T, { children: [
43
43
  /* @__PURE__ */ e("div", { className: "absolute -inset-4 z-0 bg-gradient-to-br from-rose-500/70 via-pink-400/50 to-amber-500/70 opacity-60 blur-lg brightness-50" }),
44
44
  c && /* @__PURE__ */ e(v, { src: c }),
@@ -52,7 +52,7 @@ function q({
52
52
  /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r(
53
53
  b,
54
54
  {
55
- className: m(
55
+ className: s(
56
56
  "group relative h-12 w-full overflow-hidden text-base transition-all duration-300",
57
57
  "hover:scale-[1.01] hover:shadow-md hover:brightness-105 active:scale-[0.99]"
58
58
  ),
@@ -67,7 +67,7 @@ function q({
67
67
  /* @__PURE__ */ e(
68
68
  "div",
69
69
  {
70
- className: m(
70
+ className: s(
71
71
  "absolute inset-0 bg-gradient-to-r from-primary/5 via-primary/0 to-primary/5 transition-opacity duration-300 group-hover:opacity-100",
72
72
  t ? "pointer-events-none opacity-0" : "opacity-0"
73
73
  )
@@ -7,7 +7,7 @@ export type ChatTemplateHeaderGroupProps = React.ComponentProps<"div">;
7
7
  export declare function ChatTemplateHeaderGroup({ className, ...props }: ChatTemplateHeaderGroupProps): import("react/jsx-runtime").JSX.Element;
8
8
  export type ChatTemplateBodyProps = React.ComponentProps<"div">;
9
9
  export declare function ChatTemplateBody({ className, ...props }: ChatTemplateBodyProps): import("react/jsx-runtime").JSX.Element;
10
- export type ChatTemplateFooterProps = React.ComponentProps<"div">;
10
+ export type ChatTemplateFooterProps = React.ComponentProps<"footer">;
11
11
  export declare function ChatTemplateFooter({ className, ...props }: ChatTemplateFooterProps): import("react/jsx-runtime").JSX.Element;
12
12
  export type ChatTemplateOverviewProps = React.ComponentProps<"div">;
13
13
  export declare function ChatTemplateOverview({ className, ...props }: ChatTemplateOverviewProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"chat-template.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/templates/chat-template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAWtE;AAID,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAErE,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAWzB;AAID,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvE,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,4BAA4B,2CAQ9B;AAID,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEhE,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAWvB;AAID,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAElE,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAWzB;AAID,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpE,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAW3B;AAID,MAAM,MAAM,8BAA8B,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAExE,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,8BAA8B,2CAWhC;AAID,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAE3E,wBAAgB,4BAA4B,CAAC,EAC3C,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iCAAiC,2CAWnC;AAID,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvE,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,4BAA4B,2CAQ9B"}
1
+ {"version":3,"file":"chat-template.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/templates/chat-template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAWtE;AAID,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAErE,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAWzB;AAID,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvE,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,4BAA4B,2CAQ9B;AAID,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEhE,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAWvB;AAID,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAErE,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAWzB;AAID,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpE,wBAAgB,oBAAoB,CAAC,EACnC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAW3B;AAID,MAAM,MAAM,8BAA8B,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAExE,wBAAgB,yBAAyB,CAAC,EACxC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,8BAA8B,2CAWhC;AAID,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;AAE3E,wBAAgB,4BAA4B,CAAC,EAC3C,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iCAAiC,2CAWnC;AAID,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;AAEvE,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,4BAA4B,2CAQ9B"}
@@ -29,7 +29,7 @@ function n({
29
29
  }
30
30
  );
31
31
  }
32
- function i({
32
+ function s({
33
33
  className: t,
34
34
  ...e
35
35
  }) {
@@ -42,7 +42,7 @@ function i({
42
42
  }
43
43
  );
44
44
  }
45
- function s({
45
+ function i({
46
46
  className: t,
47
47
  ...e
48
48
  }) {
@@ -58,12 +58,12 @@ function s({
58
58
  }
59
59
  );
60
60
  }
61
- function d({
61
+ function c({
62
62
  className: t,
63
63
  ...e
64
64
  }) {
65
65
  return /* @__PURE__ */ a(
66
- "div",
66
+ "footer",
67
67
  {
68
68
  className: l(
69
69
  "mx-auto flex w-full flex-col gap-1.5 px-4 pt-2 pb-4 md:max-w-3xl md:pb-6",
@@ -74,7 +74,7 @@ function d({
74
74
  }
75
75
  );
76
76
  }
77
- function c({
77
+ function d({
78
78
  className: t,
79
79
  ...e
80
80
  }) {
@@ -122,7 +122,7 @@ function x({
122
122
  }
123
123
  );
124
124
  }
125
- function u({
125
+ function f({
126
126
  className: t,
127
127
  ...e
128
128
  }) {
@@ -137,12 +137,12 @@ function u({
137
137
  }
138
138
  export {
139
139
  m as ChatTemplate,
140
- s as ChatTemplateBody,
141
- d as ChatTemplateFooter,
140
+ i as ChatTemplateBody,
141
+ c as ChatTemplateFooter,
142
142
  n as ChatTemplateHeader,
143
- i as ChatTemplateHeaderGroup,
144
- c as ChatTemplateOverview,
143
+ s as ChatTemplateHeaderGroup,
144
+ d as ChatTemplateOverview,
145
145
  x as ChatTemplateOverviewSubtitle,
146
146
  p as ChatTemplateOverviewTitle,
147
- u as ChatTemplateSuggestions
147
+ f as ChatTemplateSuggestions
148
148
  };
@@ -1,4 +1,4 @@
1
- import { R as n, a as c, B as f } from "./markdown-9KGBuupR.js";
1
+ import { R as n, a as c, B as f } from "./markdown-D0xxRbwP.js";
2
2
  import { useContext as d, useState as p, useEffect as B } from "react";
3
3
  import { jsx as x } from "react/jsx-runtime";
4
4
  var L = ({ code: s, language: e, raw: a, className: l, startLine: g, ...m }) => {
package/dist/lib/utils.js CHANGED
@@ -14,7 +14,7 @@ function s(e, t) {
14
14
  }
15
15
  }
16
16
  function _(e) {
17
- const t = typeof process < "u" ? process.env : void 0, n = s(t, e);
17
+ const t = typeof process > "u" ? void 0 : process.env, n = s(t, e);
18
18
  return n || s(i, e);
19
19
  }
20
20
  export {