@arcadeai/design-system 3.35.0 → 3.35.2

package/dist/components/ui/pages/chat-page.js

@@ -1,10 +1,10 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { PlusIcon as X, SquareIcon as Y, ArrowUpIcon as Z, SquarePenIcon as L, LogOutIcon as ee, ChevronsUpDownIcon as re, Trash2Icon as G } from "lucide-react";
 import { useState as w, useRef as te } from "react";
-import { A as ne } from "../../../arcade-logo-BVV97-cr.js";
 import { Button as o } from "../atoms/button.js";
-import { ChatContainerRoot as ae, ChatContainerContent as ie, ChatContainerScrollAnchor as le } from "../atoms/chat-container.js";
-import { DropdownMenuItem as oe, DropdownMenu as ce, DropdownMenuTrigger as se, DropdownMenuContent as de, DropdownMenuRadioGroup as he, DropdownMenuRadioItem as me } from "../atoms/dropdown-menu.js";
+import { ChatContainerRoot as ne, ChatContainerContent as ae, ChatContainerScrollAnchor as ie } from "../atoms/chat-container.js";
+import { DropdownMenuItem as le, DropdownMenu as oe, DropdownMenuTrigger as ce, DropdownMenuContent as se, DropdownMenuRadioGroup as de, DropdownMenuRadioItem as he } from "../atoms/dropdown-menu.js";
+import { ArcadeLogo as me } from "../atoms/icons/arcade-logo.js";
 import { Loader as pe } from "../atoms/loader.js";
 import { Popover as B, PopoverTrigger as R, PopoverContent as U } from "../atoms/popover.js";
 import { ScrollButton as ue } from "../atoms/scroll-button.js";
@@ -17,7 +17,7 @@ import { UserNav as Me } from "../molecules/user-nav.js";
 import { ChatTemplate as Pe, ChatTemplateHeader as He, ChatTemplateHeaderGroup as A, ChatTemplateOverview as _e, ChatTemplateOverviewTitle as je, ChatTemplateOverviewSubtitle as Ae, ChatTemplateFooter as Ge, ChatTemplateSuggestions as Be } from "../templates/chat-template.js";
 import { cn as q } from "../../../lib/utils.js";
 function Re() {
-  return /* @__PURE__ */ e(ne, { className: "h-5 w-auto text-foreground" });
+  return /* @__PURE__ */ e(me, { className: "h-5 w-auto text-foreground" });
 }
 function Ue(t, a) {
   if (t.onClick)
@@ -32,17 +32,17 @@ function qe({
   selectedModelId: a,
   onModelChange: n
 }) {
-  return !t || t.length === 0 ? null : /* @__PURE__ */ r(ce, { children: [
-    /* @__PURE__ */ e(se, { asChild: !0, children: /* @__PURE__ */ r(o, { className: "h-[34px] gap-1 px-2", variant: "outline", children: [
+  return !t || t.length === 0 ? null : /* @__PURE__ */ r(oe, { children: [
+    /* @__PURE__ */ e(ce, { asChild: !0, children: /* @__PURE__ */ r(o, { className: "h-[34px] gap-1 px-2", variant: "outline", children: [
       t.find((i) => i.id === a)?.name ?? "Select model",
       /* @__PURE__ */ e(re, { className: "size-3" })
     ] }) }),
-    /* @__PURE__ */ e(de, { align: "start", className: "min-w-[300px]", children: /* @__PURE__ */ e(
-      he,
+    /* @__PURE__ */ e(se, { align: "start", className: "min-w-[300px]", children: /* @__PURE__ */ e(
+      de,
       {
         onValueChange: n,
         value: a,
-        children: t.map((i) => /* @__PURE__ */ e(me, { value: i.id, children: /* @__PURE__ */ r("div", { className: "flex flex-col items-start gap-1", children: [
+        children: t.map((i) => /* @__PURE__ */ e(he, { value: i.id, children: /* @__PURE__ */ r("div", { className: "flex flex-col items-start gap-1", children: [
           /* @__PURE__ */ e("div", { className: "font-medium", children: i.name }),
           i.description && /* @__PURE__ */ e("div", { className: "text-muted-foreground text-xs", children: i.description })
         ] }) }, i.id))
@@ -240,11 +240,11 @@ function cr({
       ] }) })
     ] }),
     /* @__PURE__ */ r(
-      ae,
+      ne,
       {
         className: "relative min-w-0 flex-1 flex-col pt-4",
         children: [
-          /* @__PURE__ */ r(ie, { className: "gap-6 pb-4", children: [
+          /* @__PURE__ */ r(ae, { className: "gap-6 pb-4", children: [
             D || (p && p.length > 0 ? /* @__PURE__ */ e(
               ke,
               {
@@ -260,7 +260,7 @@ function cr({
               ] }),
               /* @__PURE__ */ e(Ae, { children: "How can I help you today?" })
             ] })),
-            /* @__PURE__ */ e(le, {})
+            /* @__PURE__ */ e(ie, {})
           ] }),
           /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-0 bottom-0 left-0 z-10 h-10 bg-linear-to-t from-10% from-background to-transparent" }),
           /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-0 bottom-4 left-0 z-20 flex justify-center px-4", children: /* @__PURE__ */ e("div", { className: "flex w-full max-w-3xl justify-end pr-4", children: /* @__PURE__ */ e(ue, { className: "pointer-events-auto shadow-md" }) }) })
@@ -370,7 +370,7 @@ function cr({
           avatarUrl: t?.avatarUrl,
           email: t?.email,
           name: t?.name,
-          children: y && /* @__PURE__ */ r(oe, { onClick: y, children: [
+          children: y && /* @__PURE__ */ r(le, { onClick: y, children: [
             /* @__PURE__ */ e(ee, { className: "size-4" }),
             "Sign out"
           ] })

package/dist/components/ui/pages/login-page.js

@@ -2,10 +2,10 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { Loader2 as p, LogIn as d } from "lucide-react";
 import { Fragment as f } from "react";
 import { ArcadeGrid as g } from "../../../assets/images/arcade-grid.js";
-import { A } from "../../../arcade-logo-BVV97-cr.js";
-import { Button as b } from "../atoms/button.js";
+import { Button as A } from "../atoms/button.js";
+import { ArcadeLogo as b } from "../atoms/icons/arcade-logo.js";
 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";
-import { cn as s } from "../../../lib/utils.js";
+import { cn as m } from "../../../lib/utils.js";
 import { PUBLIC_VIDEO_URL as D } from "../../../metadata/constants.js";
 const I = `${D}/A_L_Orange_Pink.mp4`;
 function F({ isLoading: t }) {
@@ -34,25 +34,25 @@ function q({
   onSubmit: i,
   privacyHref: a,
   registerHref: o,
-  submitText: m = "Sign in with Arcade",
+  submitText: s = "Sign in with Arcade",
   termsHref: l,
   videoSrc: c = I
 }) {
-  const h = t ? n : m, u = o || l || a;
+  const h = t ? n : s, u = o || l || a;
   return /* @__PURE__ */ r(T, { children: [
     /* @__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" }),
     c && /* @__PURE__ */ e(v, { src: c }),
     /* @__PURE__ */ e("div", { className: "absolute inset-0 z-1 opacity-[0.01]", children: /* @__PURE__ */ e(g, { className: "size-full", fill: "currentColor" }) }),
-    /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(A, { className: "h-12 w-auto text-zinc-900 dark:text-white" }) }),
+    /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(b, { className: "h-12 w-auto text-zinc-900 dark:text-white" }) }),
     /* @__PURE__ */ r(L, { children: [
       /* @__PURE__ */ r(N, { children: [
         /* @__PURE__ */ e(x, { children: "Welcome back" }),
         /* @__PURE__ */ e(k, { children: "Sign in with your Arcade account to continue" })
       ] }),
       /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r(
-        b,
+        A,
         {
-          className: s(
+          className: m(
             "group relative h-12 w-full overflow-hidden text-base transition-all duration-300",
             "hover:scale-[1.01] hover:shadow-md hover:brightness-105 active:scale-[0.99]"
           ),
@@ -67,7 +67,7 @@ function q({
             /* @__PURE__ */ e(
               "div",
               {
-                className: s(
+                className: m(
                   "absolute inset-0 bg-gradient-to-r from-primary/5 via-primary/0 to-primary/5 transition-opacity duration-300 group-hover:opacity-100",
                   t ? "pointer-events-none opacity-0" : "opacity-0"
                 )