@arcadeai/design-system 3.32.0 → 3.33.1

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

@@ -0,0 +1,236 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Card as c, CardContent as s, CardDescription as m, CardFooter as d, CardHeader as p, CardTitle as f } from "../atoms/card.js";
+import { cn as n } from "../../../lib/utils.js";
+function g({ className: e, ...t }) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: n(
+        "relative flex min-h-screen items-center justify-center overflow-hidden p-6",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function T({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: n(
+        "absolute inset-x-0 top-20 z-10 flex justify-center",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function v({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    c,
+    {
+      className: n(
+        "z-20 w-full max-w-md gap-2 rounded-2xl border-border/50 bg-card pb-0 shadow-2xl lg:max-w-lg",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function N({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(p, { className: n("space-y-3 pb-6", e), ...t });
+}
+function A({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    f,
+    {
+      className: n(
+        "text-center font-bold font-serif text-3xl text-zinc-700 tracking-normal dark:text-zinc-300",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function y({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    m,
+    {
+      className: n("text-center text-base", e),
+      ...t
+    }
+  );
+}
+function k({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(s, { className: n("px-8 pb-6", e), ...t });
+}
+function z({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    d,
+    {
+      className: n(
+        "flex flex-col rounded-b-2xl border-border/40 border-t bg-muted/20 py-6",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function C({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r("div", { className: n("mb-4 text-center", e), ...t });
+}
+function w({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    "a",
+    {
+      className: n(
+        "font-medium text-primary text-sm transition-colors hover:underline",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function L({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    "p",
+    {
+      className: n(
+        "px-6 text-center text-muted-foreground text-xs leading-relaxed",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function j({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    "a",
+    {
+      className: n(
+        "font-medium text-primary transition-colors hover:underline",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function P({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: n(
+        "absolute inset-0 z-0 bg-gradient-to-br from-orange-400/40 via-pink-500/30 to-purple-600/40 blur-md",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function D({
+  className: e,
+  playbackRate: t = 0.7,
+  poster: a,
+  src: u,
+  videoClassName: l,
+  ...i
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: n("absolute -inset-4 z-0 motion-reduce:hidden", e),
+      ...i,
+      children: /* @__PURE__ */ r(
+        "video",
+        {
+          autoPlay: !0,
+          className: n(
+            "size-full object-cover opacity-60 blur-lg brightness-50 contrast-110",
+            l
+          ),
+          loop: !0,
+          muted: !0,
+          playsInline: !0,
+          poster: a,
+          preload: "none",
+          ref: (o) => {
+            o && (o.playbackRate = t);
+          },
+          children: /* @__PURE__ */ r("source", { src: u, type: "video/mp4" })
+        }
+      )
+    }
+  );
+}
+function B({
+  className: e,
+  gridUrl: t,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: n("absolute inset-0 z-1 opacity-[0.01]", e),
+      style: {
+        backgroundImage: `url(${t})`,
+        backgroundPosition: "center center",
+        backgroundRepeat: "no-repeat",
+        backgroundSize: "cover"
+      },
+      ...a
+    }
+  );
+}
+export {
+  g as AuthTemplate,
+  v as AuthTemplateCard,
+  k as AuthTemplateContent,
+  P as AuthTemplateDefaultBackground,
+  y as AuthTemplateDescription,
+  z as AuthTemplateFooter,
+  B as AuthTemplateGridOverlay,
+  N as AuthTemplateHeader,
+  L as AuthTemplateLegal,
+  j as AuthTemplateLegalLink,
+  T as AuthTemplateLogo,
+  C as AuthTemplatePrompt,
+  w as AuthTemplatePromptLink,
+  A as AuthTemplateTitle,
+  D as AuthTemplateVideoBackground
+};

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

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

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

@@ -0,0 +1,28 @@
+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,
+  T as AuthTemplateDescription,
+  h as AuthTemplateFooter,
+  r as AuthTemplateGridOverlay,
+  u as AuthTemplateHeader,
+  o as AuthTemplateLegal,
+  A as AuthTemplateLegalLink,
+  i as AuthTemplateLogo,
+  C as AuthTemplatePrompt,
+  d as AuthTemplatePromptLink,
+  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-B3W2YXNL-Dg7ybfUq.js → highlighted-body-B3W2YXNL-D6XBJnwx.js}

@@ -1,4 +1,4 @@
-import { R as h, K as c, Q as f } from "./markdown-CSrGIfKB.js";
+import { R as h, K as c, Q as f } from "./markdown-ChximrBv.js";
 import { useContext as n, useState as d, useEffect as p } from "react";
 import { jsx as x } from "react/jsx-runtime";
 var K = ({ code: r, language: e, raw: a, className: g, ...i }) => {