@arcadeai/design-system 3.37.0 → 3.38.1

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

@@ -1,79 +1,116 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { Skeleton as r } from "../atoms/skeleton.js";
-import { cn as a } from "../../../lib/utils.js";
-function g({
-  className: t,
-  icon: o,
-  title: d,
-  subtitle: l,
-  ...n
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { Skeleton as d } from "../atoms/skeleton.js";
+import { cn as l } from "../../../lib/utils.js";
+function u({
+  className: r,
+  icon: s,
+  title: a,
+  subtitle: o,
+  style: n,
+  ...i
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ t(
     "button",
     {
-      className: a(
-        "flex w-full cursor-pointer flex-col gap-2 rounded-2xl border bg-card p-4 text-left shadow-xs transition-all hover:-translate-y-0.5 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
-        t
+      className: l(
+        "flex w-full cursor-pointer flex-col gap-1.5 rounded-2xl border bg-card text-left shadow-xs transition-all hover:-translate-y-0.5 hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+        r
       ),
       "data-slot": "suggestion-card",
+      style: {
+        padding: "clamp(0.75rem, 1.6vh, 1rem)",
+        ...n
+      },
       type: "button",
-      ...n,
+      ...i,
       children: [
         /* @__PURE__ */ e(
           "div",
           {
-            className: "flex size-8 items-center justify-center rounded-xl border bg-muted shadow-xs sm:size-10",
+            className: "flex items-center justify-center rounded-xl border bg-muted shadow-xs",
             "data-slot": "suggestion-card-icon",
-            children: o
+            style: {
+              width: "clamp(2rem, 2.8vh, 2.5rem)",
+              height: "clamp(2rem, 2.8vh, 2.5rem)"
+            },
+            children: s
           }
         ),
-        /* @__PURE__ */ s("div", { className: "space-y-2 pt-2", children: [
-          /* @__PURE__ */ e(
-            "h3",
-            {
-              className: "font-semibold text-card-foreground text-sm",
-              "data-slot": "suggestion-card-title",
-              children: d
-            }
-          ),
-          /* @__PURE__ */ e(
-            "p",
-            {
-              className: "text-muted-foreground text-xs",
-              "data-slot": "suggestion-card-subtitle",
-              children: l
-            }
-          )
-        ] })
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "space-y-1.5",
+            style: { paddingTop: "clamp(0.25rem, 0.8vh, 0.5rem)" },
+            children: [
+              /* @__PURE__ */ e(
+                "h3",
+                {
+                  className: "font-semibold text-card-foreground text-sm leading-tight",
+                  "data-slot": "suggestion-card-title",
+                  children: a
+                }
+              ),
+              /* @__PURE__ */ e(
+                "p",
+                {
+                  className: "text-muted-foreground text-xs leading-snug",
+                  "data-slot": "suggestion-card-subtitle",
+                  children: o
+                }
+              )
+            ]
+          }
+        )
       ]
     }
   );
 }
-function m({
-  className: t,
-  ...o
+function h({
+  className: r,
+  style: s,
+  ...a
 }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ t(
     "div",
     {
       "aria-hidden": "true",
-      className: a(
-        "flex w-full flex-col gap-2 rounded-2xl border bg-card p-4 shadow-xs",
-        t
+      className: l(
+        "flex w-full flex-col gap-1.5 rounded-2xl border bg-card shadow-xs",
+        r
       ),
       "data-slot": "suggestion-card-skeleton",
-      ...o,
+      style: {
+        padding: "clamp(0.75rem, 1.6vh, 1rem)",
+        ...s
+      },
+      ...a,
       children: [
-        /* @__PURE__ */ e(r, { className: "size-8 rounded-xl sm:size-10" }),
-        /* @__PURE__ */ s("div", { className: "space-y-2 pt-2", children: [
-          /* @__PURE__ */ e(r, { className: "h-4 w-3/4 rounded" }),
-          /* @__PURE__ */ e(r, { className: "h-3 w-1/2 rounded" })
-        ] })
+        /* @__PURE__ */ e(
+          d,
+          {
+            className: "rounded-xl",
+            style: {
+              width: "clamp(2rem, 2.8vh, 2.5rem)",
+              height: "clamp(2rem, 2.8vh, 2.5rem)"
+            }
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "space-y-1.5",
+            style: { paddingTop: "clamp(0.25rem, 0.8vh, 0.5rem)" },
+            children: [
+              /* @__PURE__ */ e(d, { className: "h-4 w-3/4 rounded" }),
+              /* @__PURE__ */ e(d, { className: "h-3 w-1/2 rounded" })
+            ]
+          }
+        )
       ]
     }
   );
 }
 export {
-  g as SuggestionCard,
-  m as SuggestionCardSkeleton
+  u as SuggestionCard,
+  h as SuggestionCardSkeleton
 };

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

@@ -3,7 +3,7 @@ import { c as d } from "../../../index-UgeK3A8s.js";
 import { Card as m, CardContent as c, CardHeader as x } from "../atoms/card.js";
 import { JsonHighlight as f } from "../atoms/json-highlight.js";
 import { cn as o } from "../../../lib/utils.js";
-const h = d("gap-0 py-0", {
+const h = d("my-2 gap-0 py-0", {
   variants: {
     status: {
       loading: "",
@@ -96,7 +96,7 @@ function T({
     }
   ) });
 }
-function j({
+function y({
   className: e,
   ...a
 }) {
@@ -109,7 +109,7 @@ function j({
     }
   ) });
 }
-function y({
+function j({
   className: e,
   status: a,
   ...r
@@ -154,7 +154,7 @@ function H({
 export {
   C as ToolAuthorization,
   H as ToolAuthorizationArgs,
-  j as ToolAuthorizationContent,
+  y as ToolAuthorizationContent,
   T as ToolAuthorizationHeader,
-  y as ToolAuthorizationMessage
+  j as ToolAuthorizationMessage
 };

package/dist/components/ui/templates/chat-template.d.ts.map

@@ -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,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"}
+{"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,2CAW9B"}

package/dist/components/ui/templates/chat-template.js

@@ -1,148 +1,151 @@
 import { jsx as a } from "react/jsx-runtime";
 import { cn as l } from "../../../lib/utils.js";
-function m({ className: t, ...e }) {
+function m({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
       className: l(
         "relative flex h-dvh min-w-0 flex-col bg-background",
-        t
+        e
       ),
       "data-slot": "chat-template",
-      ...e
+      ...t
     }
   );
 }
 function n({
-  className: t,
-  ...e
+  className: e,
+  ...t
 }) {
   return /* @__PURE__ */ a(
     "header",
     {
       className: l(
         "sticky top-0 z-10 flex items-center gap-2 bg-background px-2 py-1.5",
-        t
+        e
       ),
       "data-slot": "chat-template-header",
-      ...e
+      ...t
     }
   );
 }
-function s({
-  className: t,
-  ...e
+function c({
+  className: e,
+  ...t
 }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: l("flex items-center gap-2", t),
+      className: l("flex items-center gap-2", e),
       "data-slot": "chat-template-header-group",
-      ...e
+      ...t
     }
   );
 }
-function i({
-  className: t,
-  ...e
+function p({
+  className: e,
+  ...t
 }) {
   return /* @__PURE__ */ a(
     "div",
     {
       className: l(
         "flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto pt-4",
-        t
+        e
       ),
       "data-slot": "chat-template-body",
-      ...e
+      ...t
     }
   );
 }
-function c({
-  className: t,
-  ...e
+function i({
+  className: e,
+  ...t
 }) {
   return /* @__PURE__ */ a(
     "footer",
     {
       className: l(
         "mx-auto flex w-full flex-col gap-1.5 px-4 pt-2 pb-4 md:max-w-3xl md:pb-6",
-        t
+        e
       ),
       "data-slot": "chat-template-footer",
-      ...e
+      ...t
     }
   );
 }
 function d({
-  className: t,
-  ...e
+  className: e,
+  ...t
 }) {
   return /* @__PURE__ */ a(
     "div",
     {
       className: l(
-        "mx-auto mt-8 flex max-w-xl flex-col rounded-xl p-6 text-center leading-relaxed sm:mt-16 md:mt-24",
-        t
+        "mx-auto mt-[clamp(0.75rem,5vh,4rem)] flex max-w-xl flex-col rounded-xl px-6 py-[clamp(1rem,2.5vh,1.5rem)] text-center leading-relaxed",
+        e
       ),
       "data-slot": "chat-template-overview",
-      ...e
+      ...t
     }
   );
 }
-function p({
-  className: t,
-  ...e
+function s({
+  className: e,
+  ...t
 }) {
   return /* @__PURE__ */ a(
     "h1",
     {
       className: l(
-        "mb-2 bg-linear-to-r from-foreground to-foreground/70 bg-clip-text font-bold font-serif text-2xl text-transparent tracking-wide sm:mb-4 sm:text-3xl md:text-4xl",
-        t
+        "mb-[clamp(0.5rem,1.5vh,1rem)] text-balance bg-linear-to-r from-foreground to-foreground/70 bg-clip-text font-bold font-serif text-[clamp(1.8rem,3.7vh,2.55rem)] text-transparent leading-tight tracking-wide",
+        e
       ),
       "data-slot": "chat-template-overview-title",
-      ...e
+      ...t
     }
   );
 }
-function x({
-  className: t,
-  ...e
+function f({
+  className: e,
+  ...t
 }) {
   return /* @__PURE__ */ a(
     "h2",
     {
       className: l(
-        "mb-4 bg-linear-to-r from-foreground/80 to-foreground/60 bg-clip-text font-medium text-transparent text-xl sm:mb-8 sm:text-2xl md:text-4xl",
-        t
+        "mb-[clamp(1rem,3.2vh,2.25rem)] text-balance bg-linear-to-r from-foreground/90 to-foreground/70 bg-clip-text font-medium text-[clamp(1.3rem,3.3vh,2.15rem)] text-transparent leading-tight",
+        e
       ),
       "data-slot": "chat-template-overview-subtitle",
-      ...e
+      ...t
     }
   );
 }
-function f({
-  className: t,
-  ...e
+function u({
+  className: e,
+  ...t
 }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: l("mb-2 grid w-full grid-cols-12 gap-4 pt-1", t),
+      className: l(
+        "mb-2 grid w-full grid-cols-12 gap-3 pt-1 lg:gap-4",
+        e
+      ),
       "data-slot": "chat-template-suggestions",
-      ...e
+      ...t
     }
   );
 }
 export {
   m as ChatTemplate,
-  i as ChatTemplateBody,
-  c as ChatTemplateFooter,
+  p as ChatTemplateBody,
+  i as ChatTemplateFooter,
   n as ChatTemplateHeader,
-  s as ChatTemplateHeaderGroup,
+  c as ChatTemplateHeaderGroup,
   d as ChatTemplateOverview,
-  x as ChatTemplateOverviewSubtitle,
-  p as ChatTemplateOverviewTitle,
-  f as ChatTemplateSuggestions
+  f as ChatTemplateOverviewSubtitle,
+  s as ChatTemplateOverviewTitle,
+  u as ChatTemplateSuggestions
 };