@arcadeai/design-system 3.33.0 → 3.33.2

package/dist/components/ui/pages/chat-page.d.ts

@@ -0,0 +1,75 @@
+import { ChatMessageItem, ChatMessageListProps } from '../molecules/chat-message-list';
+import { SuggestionCardProps } from '../molecules/suggestion-card';
+import type * as React from "react";
+/** A suggestion card item extended with an id and optional action string. */
+export type ChatPageSuggestion = Pick<SuggestionCardProps, "icon" | "title" | "subtitle" | "onClick"> & {
+    id: string;
+    /** Message text to send when this suggestion is clicked. Used with `onSuggestionAction`. */
+    action?: string;
+};
+export type ChatPageProps = {
+    /** User information for greeting and sidebar avatar */
+    user?: {
+        name?: string;
+        email?: string;
+        avatarUrl?: string;
+    };
+    /** Logo element for the sidebar header */
+    logo?: React.ReactNode;
+    /** Suggested action cards shown when the chat is empty */
+    suggestedActions?: ChatPageSuggestion[];
+    /** Callback when a suggestion with an `action` string is clicked */
+    onSuggestionAction?: (action: string) => void;
+    /** Available models for the model selector dropdown */
+    models?: Array<{
+        id: string;
+        name: string;
+        description?: string;
+    }>;
+    /** Currently selected model ID */
+    selectedModelId?: string;
+    /** Callback when model changes */
+    onModelChange?: (id: string) => void;
+    /** Prompt input value (controlled) */
+    inputValue?: string;
+    /** Callback when input changes */
+    onInputChange?: (value: string) => void;
+    /** Callback when message is submitted */
+    onSubmit?: () => void;
+    /** Whether a response is loading / streaming */
+    isLoading?: boolean;
+    /** Callback to stop a streaming response */
+    onStop?: () => void;
+    /** Callback for creating a new chat */
+    onNewChat?: () => void;
+    /** Callback for deleting all chats */
+    onDeleteAll?: () => void;
+    /** Callback for sign out */
+    onSignOut?: () => void;
+    /** Callback for theme change */
+    onThemeChange?: (theme: "light" | "dark" | "system") => void;
+    /** Current theme */
+    theme?: "light" | "dark" | "system";
+    /** Chat history items for the sidebar */
+    chatHistory?: Array<{
+        id: string;
+        title: string;
+        isActive?: boolean;
+    }>;
+    /** Callback when a chat history item is selected */
+    onSelectChat?: (id: string) => void;
+    /** Whether the sidebar is open by default */
+    defaultSidebarOpen?: boolean;
+    /** Whether to show the sidebar. When false, the chat takes the full width. */
+    showSidebar?: boolean;
+    /** Normalized messages to render via ChatMessageList. When present with items, hides overview/suggestions. */
+    messages?: ChatMessageItem[];
+    /** Custom render function for individual messages (passed to ChatMessageList) */
+    renderMessage?: ChatMessageListProps["renderMessage"];
+    /** Custom loading indicator for streaming (passed to ChatMessageList) */
+    loadingIndicator?: React.ReactNode;
+    /** Children rendered in the body area. Overrides `messages` prop when present. */
+    children?: React.ReactNode;
+};
+export declare function ChatPage({ user, logo, suggestedActions, onSuggestionAction, models, selectedModelId, onModelChange, inputValue, onInputChange, onSubmit, isLoading, onStop, onNewChat, onDeleteAll, onSignOut, onThemeChange, theme, chatHistory, onSelectChat, defaultSidebarOpen, showSidebar, messages, renderMessage, loadingIndicator, children, }: ChatPageProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-page.d.ts.map

package/dist/components/ui/pages/chat-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-page.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/pages/chat-page.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,300 @@
+import { jsxs as a, jsx as e, Fragment as X } from "react/jsx-runtime";
+import { PlusIcon as Y, SquareIcon as Z, ArrowUpIcon as _, Trash2Icon as $, SquarePenIcon as L, ChevronsUpDownIcon as T, SunIcon as ee, MoonIcon as ae, MonitorIcon as re, LogOutIcon as te } from "lucide-react";
+import { Avatar as w, AvatarImage as I, AvatarFallback as M } from "../atoms/avatar.js";
+import { Button as o } from "../atoms/button.js";
+import { ChatContainerRoot as ne, ChatContainerContent as le, ChatContainerScrollAnchor as ie } from "../atoms/chat-container.js";
+import { DropdownMenu as D, DropdownMenuTrigger as P, DropdownMenuContent as j, DropdownMenuRadioGroup as A, DropdownMenuRadioItem as p, DropdownMenuLabel as y, DropdownMenuSeparator as U, DropdownMenuItem as ce } from "../atoms/dropdown-menu.js";
+import { ScrollButton as se } from "../atoms/scroll-button.js";
+import { SidebarTrigger as de, SidebarProvider as oe, Sidebar as me, SidebarHeader as he, SidebarContent as pe, SidebarGroup as ue, SidebarGroupLabel as fe, SidebarGroupContent as ve, SidebarMenu as u, SidebarMenuItem as f, SidebarMenuButton as v, SidebarFooter as Ne, SidebarInset as ge } from "../atoms/sidebar.js";
+import { ChatMessageList as xe } from "../molecules/chat-message-list.js";
+import { PromptInput as be, PromptInputTextarea as Ce, PromptInputActions as Se, PromptInputAction as ze } from "../molecules/prompt-input.js";
+import { SuggestionCard as we } from "../molecules/suggestion-card.js";
+import { ChatTemplate as Ie, ChatTemplateHeader as Me, ChatTemplateHeaderGroup as k, ChatTemplateOverview as ye, ChatTemplateOverviewTitle as Ue, ChatTemplateOverviewSubtitle as ke, ChatTemplateFooter as Te, ChatTemplateSuggestions as De } from "../templates/chat-template.js";
+import { cn as Pe } from "../../../lib/utils.js";
+function je({
+  user: r,
+  theme: c = "system",
+  onThemeChange: l,
+  onSignOut: t
+}) {
+  const m = r?.name?.split(" ").map((s) => s[0]).join("").slice(0, 2).toUpperCase();
+  return l || t ? /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ a(D, { children: [
+    /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ a(
+      v,
+      {
+        className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+        size: "lg",
+        children: [
+          /* @__PURE__ */ a(w, { className: "size-8 rounded-lg", children: [
+            r?.avatarUrl && /* @__PURE__ */ e(I, { alt: r.name ?? "User", src: r.avatarUrl }),
+            /* @__PURE__ */ e(M, { className: "rounded-lg", children: m ?? "U" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+            /* @__PURE__ */ e("span", { className: "truncate font-medium", children: r?.name ?? "User" }),
+            r?.email && /* @__PURE__ */ e("span", { className: "truncate text-muted-foreground text-xs", children: r.email })
+          ] }),
+          /* @__PURE__ */ e(T, { className: "ml-auto size-4" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ a(
+      j,
+      {
+        align: "end",
+        className: "w-56",
+        side: "top",
+        sideOffset: 4,
+        children: [
+          /* @__PURE__ */ e(y, { children: "My Account" }),
+          /* @__PURE__ */ e(U, {}),
+          l && /* @__PURE__ */ a(X, { children: [
+            /* @__PURE__ */ e(y, { className: "font-normal text-muted-foreground text-xs", children: "Theme" }),
+            /* @__PURE__ */ a(
+              A,
+              {
+                onValueChange: (s) => l(s),
+                value: c,
+                children: [
+                  /* @__PURE__ */ a(p, { value: "light", children: [
+                    /* @__PURE__ */ e(ee, { className: "size-4" }),
+                    "Light"
+                  ] }),
+                  /* @__PURE__ */ a(p, { value: "dark", children: [
+                    /* @__PURE__ */ e(ae, { className: "size-4" }),
+                    "Dark"
+                  ] }),
+                  /* @__PURE__ */ a(p, { value: "system", children: [
+                    /* @__PURE__ */ e(re, { className: "size-4" }),
+                    "System"
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(U, {})
+          ] }),
+          t && /* @__PURE__ */ a(ce, { onClick: t, children: [
+            /* @__PURE__ */ e(te, { className: "size-4" }),
+            "Sign out"
+          ] })
+        ]
+      }
+    )
+  ] }) }) }) : /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(f, { children: /* @__PURE__ */ a(v, { className: "cursor-default", size: "lg", children: [
+    /* @__PURE__ */ a(w, { className: "size-8 rounded-lg", children: [
+      r?.avatarUrl && /* @__PURE__ */ e(I, { alt: r.name ?? "User", src: r.avatarUrl }),
+      /* @__PURE__ */ e(M, { className: "rounded-lg", children: m ?? "U" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+      /* @__PURE__ */ e("span", { className: "truncate font-medium", children: r?.name ?? "User" }),
+      r?.email && /* @__PURE__ */ e("span", { className: "truncate text-muted-foreground text-xs", children: r.email })
+    ] })
+  ] }) }) });
+}
+function Ae({
+  models: r,
+  selectedModelId: c,
+  onModelChange: l
+}) {
+  return !r || r.length === 0 ? null : /* @__PURE__ */ a(D, { children: [
+    /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ a(o, { className: "h-[34px] gap-1 px-2", variant: "outline", children: [
+      r.find((t) => t.id === c)?.name ?? "Select model",
+      /* @__PURE__ */ e(T, { className: "size-3" })
+    ] }) }),
+    /* @__PURE__ */ e(j, { align: "start", className: "min-w-[300px]", children: /* @__PURE__ */ e(
+      A,
+      {
+        onValueChange: l,
+        value: c,
+        children: r.map((t) => /* @__PURE__ */ e(p, { value: t.id, children: /* @__PURE__ */ a("div", { className: "flex flex-col items-start gap-1", children: [
+          /* @__PURE__ */ e("div", { className: "font-medium", children: t.name }),
+          t.description && /* @__PURE__ */ e("div", { className: "text-muted-foreground text-xs", children: t.description })
+        ] }) }, t.id))
+      }
+    ) })
+  ] });
+}
+function Xe({
+  user: r,
+  logo: c,
+  suggestedActions: l,
+  onSuggestionAction: t,
+  models: m,
+  selectedModelId: s,
+  onModelChange: H,
+  inputValue: N,
+  onInputChange: G,
+  onSubmit: g,
+  isLoading: i = !1,
+  onStop: B,
+  onNewChat: h,
+  onDeleteAll: x,
+  onSignOut: F,
+  onThemeChange: O,
+  theme: R = "system",
+  chatHistory: q,
+  onSelectChat: V,
+  defaultSidebarOpen: E = !0,
+  showSidebar: b = !0,
+  messages: d,
+  renderMessage: J,
+  loadingIndicator: K,
+  children: C
+}) {
+  const Q = !!C || d !== void 0 && d.length > 0, W = r?.name ?? "there", S = /* @__PURE__ */ a(Ie, { children: [
+    /* @__PURE__ */ a(Me, { children: [
+      /* @__PURE__ */ a(k, { children: [
+        b && /* @__PURE__ */ e(de, {}),
+        /* @__PURE__ */ e(
+          Ae,
+          {
+            models: m,
+            onModelChange: H,
+            selectedModelId: s
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex-1" }),
+      /* @__PURE__ */ e(k, { children: h && /* @__PURE__ */ a(
+        o,
+        {
+          "aria-label": "New chat",
+          className: "h-9 gap-1 px-2",
+          onClick: h,
+          variant: "outline",
+          children: [
+            /* @__PURE__ */ e(Y, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { className: "md:sr-only", children: "New Chat" })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ a(ne, { className: "relative min-w-0 flex-1 flex-col pt-4", children: [
+      /* @__PURE__ */ a(le, { className: "gap-6 pb-4", children: [
+        C || (d && d.length > 0 ? /* @__PURE__ */ e(
+          xe,
+          {
+            isStreaming: i,
+            loadingIndicator: K,
+            messages: d,
+            renderMessage: J
+          }
+        ) : /* @__PURE__ */ a(ye, { children: [
+          /* @__PURE__ */ a(Ue, { children: [
+            "Hi, ",
+            /* @__PURE__ */ e("span", { className: "text-primary/80", children: W })
+          ] }),
+          /* @__PURE__ */ e(ke, { children: "How can I help you today?" })
+        ] })),
+        /* @__PURE__ */ e(ie, {})
+      ] }),
+      /* @__PURE__ */ e("div", { className: "pointer-events-none absolute right-0 bottom-0 left-0 z-10 h-10 bg-gradient-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(se, { className: "pointer-events-auto shadow-md" }) }) })
+    ] }),
+    /* @__PURE__ */ a(Te, { children: [
+      !Q && l && l.length > 0 && /* @__PURE__ */ e(De, { children: l.map((n, z) => /* @__PURE__ */ e(
+        "div",
+        {
+          className: Pe(
+            "col-span-12 sm:col-span-6",
+            z < 3 ? "md:col-span-4" : "md:col-span-6",
+            z > 1 && "hidden sm:block"
+          ),
+          children: /* @__PURE__ */ e(
+            we,
+            {
+              icon: n.icon,
+              onClick: n.onClick ?? (n.action ? () => t?.(n.action ?? "") : void 0),
+              subtitle: n.subtitle,
+              title: n.title
+            }
+          )
+        },
+        n.id
+      )) }),
+      /* @__PURE__ */ a(
+        be,
+        {
+          isLoading: i,
+          onSubmit: g,
+          onValueChange: G,
+          value: N,
+          children: [
+            /* @__PURE__ */ e(Ce, { placeholder: "Send a message..." }),
+            /* @__PURE__ */ e(Se, { className: "justify-end px-2 pb-2", children: /* @__PURE__ */ e(
+              ze,
+              {
+                tooltip: i ? "Stop generating" : "Send message",
+                children: /* @__PURE__ */ e(
+                  o,
+                  {
+                    "aria-label": i ? "Stop generating" : "Send message",
+                    disabled: !(i || N?.trim()),
+                    onClick: i ? B : g,
+                    size: "icon",
+                    variant: i ? "destructive" : "default",
+                    children: i ? /* @__PURE__ */ e(Z, { className: "size-4 fill-current" }) : /* @__PURE__ */ e(_, { className: "size-4" })
+                  }
+                )
+              }
+            ) })
+          ]
+        }
+      )
+    ] })
+  ] });
+  return b ? /* @__PURE__ */ a(oe, { defaultOpen: E, children: [
+    /* @__PURE__ */ a(me, { className: "group-data-[side=left]:border-r-0", children: [
+      /* @__PURE__ */ e(he, { children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+        c && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 px-2", children: c }),
+        /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
+          x && /* @__PURE__ */ e(
+            o,
+            {
+              "aria-label": "Delete all chats",
+              className: "size-8",
+              onClick: x,
+              size: "icon",
+              variant: "ghost",
+              children: /* @__PURE__ */ e($, { className: "size-4" })
+            }
+          ),
+          h && /* @__PURE__ */ e(
+            o,
+            {
+              "aria-label": "New chat",
+              className: "size-8",
+              onClick: h,
+              size: "icon",
+              variant: "ghost",
+              children: /* @__PURE__ */ e(L, { className: "size-4" })
+            }
+          )
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ a(ue, { children: [
+        /* @__PURE__ */ e(fe, { children: "History" }),
+        /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(u, { children: q?.map((n) => /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(
+          v,
+          {
+            isActive: n.isActive,
+            onClick: () => V?.(n.id),
+            children: /* @__PURE__ */ e("span", { children: n.title })
+          }
+        ) }, n.id)) }) })
+      ] }) }),
+      /* @__PURE__ */ e(Ne, { children: /* @__PURE__ */ e(
+        je,
+        {
+          onSignOut: F,
+          onThemeChange: O,
+          theme: R,
+          user: r
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e(ge, { children: S })
+  ] }) : S;
+}
+export {
+  Xe as ChatPage
+};

package/dist/components/ui/pages/index.d.ts

@@ -1,4 +1,6 @@
 /** biome-ignore-all lint/performance/noBarrelFile: Barrel files are acceptable for atomic component folders */
+export type { ChatPageProps, ChatPageSuggestion } from './chat-page';
+export { ChatPage } from './chat-page';
 export type { LoginPageProps } from './login-page';
 export { LoginPage } from './login-page';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/pages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/pages/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/pages/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/ui/pages/index.js

@@ -1,4 +1,6 @@
+import { ChatPage as r } from "./chat-page.js";
 import { LoginPage as g } from "./login-page.js";
 export {
+  r as ChatPage,
   g as LoginPage
 };

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

@@ -0,0 +1,20 @@
+import type * as React from "react";
+export type ChatTemplateProps = React.ComponentProps<"div">;
+export declare function ChatTemplate({ className, ...props }: ChatTemplateProps): import("react/jsx-runtime").JSX.Element;
+export type ChatTemplateHeaderProps = React.ComponentProps<"header">;
+export declare function ChatTemplateHeader({ className, ...props }: ChatTemplateHeaderProps): import("react/jsx-runtime").JSX.Element;
+export type ChatTemplateHeaderGroupProps = React.ComponentProps<"div">;
+export declare function ChatTemplateHeaderGroup({ className, ...props }: ChatTemplateHeaderGroupProps): import("react/jsx-runtime").JSX.Element;
+export type ChatTemplateBodyProps = React.ComponentProps<"div">;
+export declare function ChatTemplateBody({ className, ...props }: ChatTemplateBodyProps): import("react/jsx-runtime").JSX.Element;
+export type ChatTemplateFooterProps = React.ComponentProps<"div">;
+export declare function ChatTemplateFooter({ className, ...props }: ChatTemplateFooterProps): import("react/jsx-runtime").JSX.Element;
+export type ChatTemplateOverviewProps = React.ComponentProps<"div">;
+export declare function ChatTemplateOverview({ className, ...props }: ChatTemplateOverviewProps): import("react/jsx-runtime").JSX.Element;
+export type ChatTemplateOverviewTitleProps = React.ComponentProps<"h1">;
+export declare function ChatTemplateOverviewTitle({ className, ...props }: ChatTemplateOverviewTitleProps): import("react/jsx-runtime").JSX.Element;
+export type ChatTemplateOverviewSubtitleProps = React.ComponentProps<"h2">;
+export declare function ChatTemplateOverviewSubtitle({ className, ...props }: ChatTemplateOverviewSubtitleProps): import("react/jsx-runtime").JSX.Element;
+export type ChatTemplateSuggestionsProps = React.ComponentProps<"div">;
+export declare function ChatTemplateSuggestions({ className, ...props }: ChatTemplateSuggestionsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=chat-template.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,148 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as l } from "../../../lib/utils.js";
+function m({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: l(
+        "relative flex h-dvh min-w-0 flex-col bg-background",
+        t
+      ),
+      "data-slot": "chat-template",
+      ...e
+    }
+  );
+}
+function n({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "header",
+    {
+      className: l(
+        "sticky top-0 z-10 flex items-center gap-2 bg-background px-2 py-1.5",
+        t
+      ),
+      "data-slot": "chat-template-header",
+      ...e
+    }
+  );
+}
+function i({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: l("flex items-center gap-2", t),
+      "data-slot": "chat-template-header-group",
+      ...e
+    }
+  );
+}
+function s({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: l(
+        "flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto pt-4",
+        t
+      ),
+      "data-slot": "chat-template-body",
+      ...e
+    }
+  );
+}
+function d({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      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
+      ),
+      "data-slot": "chat-template-footer",
+      ...e
+    }
+  );
+}
+function c({
+  className: t,
+  ...e
+}) {
+  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
+      ),
+      "data-slot": "chat-template-overview",
+      ...e
+    }
+  );
+}
+function p({
+  className: t,
+  ...e
+}) {
+  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
+      ),
+      "data-slot": "chat-template-overview-title",
+      ...e
+    }
+  );
+}
+function x({
+  className: t,
+  ...e
+}) {
+  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
+      ),
+      "data-slot": "chat-template-overview-subtitle",
+      ...e
+    }
+  );
+}
+function u({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: l("mb-2 grid w-full grid-cols-12 gap-4 pt-1", t),
+      "data-slot": "chat-template-suggestions",
+      ...e
+    }
+  );
+}
+export {
+  m as ChatTemplate,
+  s as ChatTemplateBody,
+  d as ChatTemplateFooter,
+  n as ChatTemplateHeader,
+  i as ChatTemplateHeaderGroup,
+  c as ChatTemplateOverview,
+  x as ChatTemplateOverviewSubtitle,
+  p as ChatTemplateOverviewTitle,
+  u as ChatTemplateSuggestions
+};

package/dist/components/ui/templates/index.d.ts

@@ -1,4 +1,6 @@
 /** biome-ignore-all lint/performance/noBarrelFile: Barrel files are acceptable for atomic component folders */
 export type { AuthTemplateCardProps, AuthTemplateContentProps, AuthTemplateDefaultBackgroundProps, AuthTemplateDescriptionProps, AuthTemplateFooterProps, AuthTemplateGridOverlayProps, AuthTemplateHeaderProps, AuthTemplateLegalLinkProps, AuthTemplateLegalProps, AuthTemplateLogoProps, AuthTemplatePromptLinkProps, AuthTemplatePromptProps, AuthTemplateProps, AuthTemplateTitleProps, AuthTemplateVideoBackgroundProps, } from './auth-template';
 export { AuthTemplate, AuthTemplateCard, AuthTemplateContent, AuthTemplateDefaultBackground, AuthTemplateDescription, AuthTemplateFooter, AuthTemplateGridOverlay, AuthTemplateHeader, AuthTemplateLegal, AuthTemplateLegalLink, AuthTemplateLogo, AuthTemplatePrompt, AuthTemplatePromptLink, AuthTemplateTitle, AuthTemplateVideoBackground, } from './auth-template';
+export type { ChatTemplateBodyProps, ChatTemplateFooterProps, ChatTemplateHeaderGroupProps, ChatTemplateHeaderProps, ChatTemplateOverviewProps, ChatTemplateOverviewSubtitleProps, ChatTemplateOverviewTitleProps, ChatTemplateProps, ChatTemplateSuggestionsProps, } from './chat-template';
+export { ChatTemplate, ChatTemplateBody, ChatTemplateFooter, ChatTemplateHeader, ChatTemplateHeaderGroup, ChatTemplateOverview, ChatTemplateOverviewSubtitle, ChatTemplateOverviewTitle, ChatTemplateSuggestions, } from './chat-template';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/templates/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/templates/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,YAAY,EACV,qBAAqB,EACrB,wBAAwB,EACxB,kCAAkC,EAClC,4BAA4B,EAC5B,uBAAuB,EACvB,4BAA4B,EAC5B,uBAAuB,EACvB,0BAA0B,EAC1B,sBAAsB,EACtB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,EACvB,iBAAiB,EACjB,sBAAsB,EACtB,gCAAgC,GACjC,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,6BAA6B,EAC7B,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,2BAA2B,GAC5B,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/templates/index.ts"],"names":[],"mappings":"AAAA,+GAA+G;AAE/G,YAAY,EACV,qBAAqB,EACrB,wBAAwB,EACxB,kCAAkC,EAClC,4BAA4B,EAC5B,uBAAuB,EACvB,4BAA4B,EAC5B,uBAAuB,EACvB,0BAA0B,EAC1B,sBAAsB,EACtB,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,EACvB,iBAAiB,EACjB,sBAAsB,EACtB,gCAAgC,GACjC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,6BAA6B,EAC7B,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,2BAA2B,GAC5B,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,qBAAqB,EACrB,uBAAuB,EACvB,4BAA4B,EAC5B,uBAAuB,EACvB,yBAAyB,EACzB,iCAAiC,EACjC,8BAA8B,EAC9B,iBAAiB,EACjB,4BAA4B,GAC7B,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,yBAAyB,EACzB,uBAAuB,GACxB,MAAM,iBAAiB,CAAC"}

package/dist/components/ui/templates/index.js

@@ -1,18 +1,28 @@
-import { AuthTemplate as a, AuthTemplateCard as l, AuthTemplateContent as p, AuthTemplateDefaultBackground as m, AuthTemplateDescription as u, AuthTemplateFooter as T, AuthTemplateGridOverlay as h, AuthTemplateHeader as A, AuthTemplateLegal as o, AuthTemplateLegalLink as r, AuthTemplateLogo as i, AuthTemplatePrompt as n, AuthTemplatePromptLink as d, AuthTemplateTitle as g, AuthTemplateVideoBackground as L } from "./auth-template.js";
+import { AuthTemplate as a, AuthTemplateCard as l, AuthTemplateContent as p, AuthTemplateDefaultBackground as m, AuthTemplateDescription as T, AuthTemplateFooter as h, AuthTemplateGridOverlay as r, AuthTemplateHeader as u, AuthTemplateLegal as o, AuthTemplateLegalLink as A, AuthTemplateLogo as i, AuthTemplatePrompt as C, AuthTemplatePromptLink as d, AuthTemplateTitle as n, AuthTemplateVideoBackground as g } from "./auth-template.js";
+import { ChatTemplate as L, ChatTemplateBody as k, ChatTemplateFooter as O, ChatTemplateHeader as c, ChatTemplateHeaderGroup as f, ChatTemplateOverview as s, ChatTemplateOverviewSubtitle as w, ChatTemplateOverviewTitle as B, ChatTemplateSuggestions as H } from "./chat-template.js";
 export {
   a as AuthTemplate,
   l as AuthTemplateCard,
   p as AuthTemplateContent,
   m as AuthTemplateDefaultBackground,
-  u as AuthTemplateDescription,
-  T as AuthTemplateFooter,
-  h as AuthTemplateGridOverlay,
-  A as AuthTemplateHeader,
+  T as AuthTemplateDescription,
+  h as AuthTemplateFooter,
+  r as AuthTemplateGridOverlay,
+  u as AuthTemplateHeader,
   o as AuthTemplateLegal,
-  r as AuthTemplateLegalLink,
+  A as AuthTemplateLegalLink,
   i as AuthTemplateLogo,
-  n as AuthTemplatePrompt,
+  C as AuthTemplatePrompt,
   d as AuthTemplatePromptLink,
-  g as AuthTemplateTitle,
-  L as AuthTemplateVideoBackground
+  n as AuthTemplateTitle,
+  g as AuthTemplateVideoBackground,
+  L as ChatTemplate,
+  k as ChatTemplateBody,
+  O as ChatTemplateFooter,
+  c as ChatTemplateHeader,
+  f as ChatTemplateHeaderGroup,
+  s as ChatTemplateOverview,
+  w as ChatTemplateOverviewSubtitle,
+  B as ChatTemplateOverviewTitle,
+  H as ChatTemplateSuggestions
 };

package/dist/highlighted-body-TPN3WLV5-DyOGcftJ.js

@@ -0,0 +1,19 @@
+import { R as n, a as c, B as f } from "./markdown-9KGBuupR.js";
+import { useContext as d, useState as p, useEffect as B } from "react";
+import { jsx as x } from "react/jsx-runtime";
+var L = ({ code: s, language: e, raw: a, className: l, startLine: g, ...m }) => {
+  let { shikiTheme: i } = d(n), t = c(), [u, r] = p(a);
+  return B(() => {
+    if (!t) {
+      r(a);
+      return;
+    }
+    let o = t.highlight({ code: s, language: e, themes: i }, (h) => {
+      r(h);
+    });
+    o && r(o);
+  }, [s, e, i, t, a]), x(f, { className: l, language: e, result: u, startLine: g, ...m });
+};
+export {
+  L as HighlightedCodeBlockBody
+};