@arcadeai/design-system 3.30.0 → 3.32.0

package/dist/components/ui/atoms/accordion.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as Q } from "react/jsx-runtime";
 import { ChevronDownIcon as W } from "lucide-react";
-import { c as E } from "../../../utils-CVF2pBPP.js";
+import { cn as E } from "../../../lib/utils.js";
 import l from "react";
 import { c as X } from "../../../index-DFZozV_h.js";
 import { c as Z } from "../../../index-DJQkmo5O.js";

package/dist/components/ui/atoms/alert-dialog.js

@@ -1,6 +1,6 @@
 import { jsx as a, jsxs as f } from "react/jsx-runtime";
 import { buttonVariants as m } from "./button.js";
-import { c as s } from "../../../utils-CVF2pBPP.js";
+import { cn as s } from "../../../lib/utils.js";
 import * as i from "react";
 import { c as $ } from "../../../index-DFZozV_h.js";
 import { u as A, a as M } from "../../../index-D2LZVjSn.js";

package/dist/components/ui/atoms/alert.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as i } from "../../../index-DBUvnhgM.js";
-import { c as e } from "../../../utils-CVF2pBPP.js";
+import { c as i } from "../../../index-UgeK3A8s.js";
+import { cn as e } from "../../../lib/utils.js";
 const n = i(
   "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
@@ -16,7 +16,7 @@ const n = i(
     }
   }
 );
-function o({
+function c({
   className: t,
   variant: r,
   ...s
@@ -61,7 +61,7 @@ function u({
   );
 }
 export {
-  o as Alert,
+  c as Alert,
   u as AlertDescription,
   g as AlertTitle
 };

package/dist/components/ui/atoms/avatar.js

@@ -1,5 +1,5 @@
 import { jsx as g } from "react/jsx-runtime";
-import { c as w } from "../../../utils-CVF2pBPP.js";
+import { cn as w } from "../../../lib/utils.js";
 import * as _ from "react";
 import N from "react";
 import { c as H } from "../../../index-DFZozV_h.js";

package/dist/components/ui/atoms/badge.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as i } from "../../../index-DBUvnhgM.js";
-import { c as o } from "../../../utils-CVF2pBPP.js";
+import { c as i } from "../../../index-UgeK3A8s.js";
+import { cn as o } from "../../../lib/utils.js";
 import { S as s } from "../../../index-D2LZVjSn.js";
 const d = i(
   "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden whitespace-nowrap rounded-md border px-2 py-0.5 font-medium text-xs transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3",

package/dist/components/ui/atoms/breadcrumb.js

@@ -1,7 +1,7 @@
-import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { jsx as a, jsxs as s } from "react/jsx-runtime";
 import { MoreHorizontal as o, ChevronRight as i } from "lucide-react";
-import { c as t } from "../../../utils-CVF2pBPP.js";
-import { S as c } from "../../../index-D2LZVjSn.js";
+import { cn as t } from "../../../lib/utils.js";
+import { S as l } from "../../../index-D2LZVjSn.js";
 function p({ ...r }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
 }
@@ -31,14 +31,14 @@ function g({ className: r, ...e }) {
 function x({
   asChild: r,
   className: e,
-  ...s
+  ...n
 }) {
   return /* @__PURE__ */ a(
-    r ? c : "a",
+    r ? l : "a",
     {
       className: t("transition-colors hover:text-foreground", e),
       "data-slot": "breadcrumb-link",
-      ...s
+      ...n
     }
   );
 }
@@ -57,7 +57,7 @@ function h({ className: r, ...e }) {
 function N({
   children: r,
   className: e,
-  ...s
+  ...n
 }) {
   return /* @__PURE__ */ a(
     "li",
@@ -66,7 +66,7 @@ function N({
       className: t("[&>svg]:size-3.5", e),
       "data-slot": "breadcrumb-separator",
       role: "presentation",
-      ...s,
+      ...n,
       children: r ?? /* @__PURE__ */ a(i, {})
     }
   );
@@ -75,7 +75,7 @@ function B({
   className: r,
   ...e
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ s(
     "span",
     {
       "aria-hidden": "true",

package/dist/components/ui/atoms/button.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as a } from "../../../index-DBUvnhgM.js";
-import { c as s } from "../../../utils-CVF2pBPP.js";
+import { c as a } from "../../../index-UgeK3A8s.js";
+import { cn as s } from "../../../lib/utils.js";
 import { S as d } from "../../../index-D2LZVjSn.js";
 const g = a(
   "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",

package/dist/components/ui/atoms/byoc-badge.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { c as a } from "../../../index-DBUvnhgM.js";
+import { c as a } from "../../../index-UgeK3A8s.js";
 import { Info as d } from "lucide-react";
-import { c as l } from "../../../utils-CVF2pBPP.js";
+import { cn as l } from "../../../lib/utils.js";
 import { Badge as s } from "./badge.js";
 import { MobileTooltipProvider as c, MobileTooltip as p, MobileTooltipTrigger as m, MobileTooltipContent as g } from "./mobile-tooltip.js";
 const h = a(

package/dist/components/ui/atoms/calendar.js

@@ -2,8 +2,8 @@ import "react/jsx-runtime";
 import "lucide-react";
 import "react";
 import "./button.js";
-import "../../../utils-CVF2pBPP.js";
-import { C as e, a as n } from "../../../calendar-CjLXktko.js";
+import "../../../lib/utils.js";
+import { C as e, a as n } from "../../../calendar-DreAgQKY.js";
 export {
   e as Calendar,
   n as CalendarDayButton

package/dist/components/ui/atoms/card.js

@@ -1,7 +1,7 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as o } from "../../../utils-CVF2pBPP.js";
-function n({ className: t, ...a }) {
-  return /* @__PURE__ */ r(
+import { jsx as a } from "react/jsx-runtime";
+import { cn as o } from "../../../lib/utils.js";
+function n({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       className: o(
@@ -9,12 +9,12 @@ function n({ className: t, ...a }) {
         t
       ),
       "data-slot": "card",
-      ...a
+      ...r
     }
   );
 }
-function s({ className: t, ...a }) {
-  return /* @__PURE__ */ r(
+function s({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       className: o(
@@ -22,32 +22,32 @@ function s({ className: t, ...a }) {
         t
       ),
       "data-slot": "card-header",
-      ...a
+      ...r
     }
   );
 }
-function c({ className: t, ...a }) {
-  return /* @__PURE__ */ r(
+function c({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       className: o("font-semibold leading-none", t),
       "data-slot": "card-title",
-      ...a
+      ...r
     }
   );
 }
-function i({ className: t, ...a }) {
-  return /* @__PURE__ */ r(
+function i({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       className: o("text-muted-foreground text-sm", t),
       "data-slot": "card-description",
-      ...a
+      ...r
     }
   );
 }
-function l({ className: t, ...a }) {
-  return /* @__PURE__ */ r(
+function l({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       className: o(
@@ -55,27 +55,27 @@ function l({ className: t, ...a }) {
         t
       ),
       "data-slot": "card-action",
-      ...a
+      ...r
     }
   );
 }
-function u({ className: t, ...a }) {
-  return /* @__PURE__ */ r(
+function u({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       className: o("px-6", t),
       "data-slot": "card-content",
-      ...a
+      ...r
     }
   );
 }
-function f({ className: t, ...a }) {
-  return /* @__PURE__ */ r(
+function f({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
     "div",
     {
       className: o("flex items-center px-6 [.border-t]:pt-6", t),
       "data-slot": "card-footer",
-      ...a
+      ...r
     }
   );
 }

package/dist/components/ui/atoms/chart.js

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as f, Fragment as P } from "react/jsx-runtime";
 import * as p from "react";
 import * as _ from "recharts";
-import { c as l } from "../../../utils-CVF2pBPP.js";
+import { cn as l } from "../../../lib/utils.js";
 const T = { light: "", dark: ".dark" }, j = p.createContext(null);
 function y() {
   const c = p.useContext(j);

package/dist/components/ui/atoms/chat-container.d.ts

@@ -0,0 +1,6 @@
+import type * as React from "react";
+declare function ChatContainerRoot({ children, className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ChatContainerContent({ children, className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function ChatContainerScrollAnchor({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { ChatContainerRoot, ChatContainerContent, ChatContainerScrollAnchor };
+//# sourceMappingURL=chat-container.d.ts.map

package/dist/components/ui/atoms/chat-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-container.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/chat-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,iBAAiB,CAAC,EACzB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAa7B;AAED,iBAAS,oBAAoB,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAU7B;AAED,iBAAS,yBAAyB,CAAC,EACjC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAS7B;AAED,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/components/ui/atoms/chat-container.js

@@ -0,0 +1,55 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as r } from "../../../lib/utils.js";
+import { S as e } from "../../../StickToBottom-BGUuEI8O.js";
+function s({
+  children: t,
+  className: o,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    e,
+    {
+      className: r("flex overflow-y-auto", o),
+      "data-slot": "chat-container-root",
+      initial: "instant",
+      resize: "smooth",
+      role: "log",
+      ...n,
+      children: t
+    }
+  );
+}
+function f({
+  children: t,
+  className: o,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    e.Content,
+    {
+      className: r("flex w-full flex-col", o),
+      "data-slot": "chat-container-content",
+      ...n,
+      children: t
+    }
+  );
+}
+function h({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: r("h-px w-full shrink-0 scroll-mt-4", t),
+      "data-slot": "chat-container-scroll-anchor",
+      ...o
+    }
+  );
+}
+export {
+  f as ChatContainerContent,
+  s as ChatContainerRoot,
+  h as ChatContainerScrollAnchor
+};

package/dist/components/ui/atoms/checkbox.js

@@ -1,7 +1,7 @@
 import { jsx as c, jsxs as L, Fragment as O } from "react/jsx-runtime";
 import { MinusIcon as H, CheckIcon as G } from "lucide-react";
-import { c as K } from "../../../utils-CVF2pBPP.js";
-import * as i from "react";
+import { cn as K } from "../../../lib/utils.js";
+import * as s from "react";
 import { u as w } from "../../../index-D2LZVjSn.js";
 import { c as U } from "../../../index-DFZozV_h.js";
 import { c as N } from "../../../index-B695uy69.js";
@@ -14,7 +14,7 @@ var y = "Checkbox", [V] = U(y), [W, _] = V(y);
 function Y(t) {
   const {
     __scopeCheckbox: r,
-    checked: s,
+    checked: i,
     children: l,
     defaultChecked: n,
     disabled: e,
@@ -26,11 +26,11 @@ function Y(t) {
     // @ts-expect-error
     internal_do_not_use_render: u
   } = t, [p, v] = X({
-    prop: s,
+    prop: i,
     defaultProp: n ?? !1,
     onChange: d,
     caller: y
-  }), [C, x] = i.useState(null), [g, o] = i.useState(null), a = i.useRef(!1), I = C ? !!f || !!C.closest("form") : (
+  }), [C, x] = s.useState(null), [g, o] = s.useState(null), a = s.useRef(!1), I = C ? !!f || !!C.closest("form") : (
     // We set this to true by default so that events bubble to forms without JS (SSR)
     !0
   ), P = {
@@ -58,8 +58,8 @@ function Y(t) {
     }
   );
 }
-var S = "CheckboxTrigger", B = i.forwardRef(
-  ({ __scopeCheckbox: t, onKeyDown: r, onClick: s, ...l }, n) => {
+var S = "CheckboxTrigger", B = s.forwardRef(
+  ({ __scopeCheckbox: t, onKeyDown: r, onClick: i, ...l }, n) => {
     const {
       control: e,
       value: f,
@@ -71,8 +71,8 @@ var S = "CheckboxTrigger", B = i.forwardRef(
       hasConsumerStoppedPropagationRef: p,
       isFormControl: v,
       bubbleInput: C
-    } = _(S, t), x = w(n, k), g = i.useRef(d);
-    return i.useEffect(() => {
+    } = _(S, t), x = w(n, k), g = s.useRef(d);
+    return s.useEffect(() => {
       const o = e?.form;
       if (o) {
         const a = () => u(g.current);
@@ -94,7 +94,7 @@ var S = "CheckboxTrigger", B = i.forwardRef(
         onKeyDown: N(r, (o) => {
           o.key === "Enter" && o.preventDefault();
         }),
-        onClick: N(s, (o) => {
+        onClick: N(i, (o) => {
           u((a) => b(a) ? !0 : !a), C && v && (p.current = o.isPropagationStopped(), p.current || o.stopPropagation());
         })
       }
@@ -102,10 +102,10 @@ var S = "CheckboxTrigger", B = i.forwardRef(
   }
 );
 B.displayName = S;
-var M = i.forwardRef(
+var M = s.forwardRef(
   (t, r) => {
     const {
-      __scopeCheckbox: s,
+      __scopeCheckbox: i,
       name: l,
       checked: n,
       defaultChecked: e,
@@ -119,7 +119,7 @@ var M = i.forwardRef(
     return /* @__PURE__ */ c(
       Y,
       {
-        __scopeCheckbox: s,
+        __scopeCheckbox: i,
         checked: n,
         defaultChecked: e,
         disabled: m,
@@ -134,13 +134,13 @@ var M = i.forwardRef(
             {
               ...u,
               ref: r,
-              __scopeCheckbox: s
+              __scopeCheckbox: i
             }
           ),
           p && /* @__PURE__ */ c(
             A,
             {
-              __scopeCheckbox: s
+              __scopeCheckbox: i
             }
           )
         ] })
@@ -149,9 +149,9 @@ var M = i.forwardRef(
   }
 );
 M.displayName = y;
-var T = "CheckboxIndicator", q = i.forwardRef(
+var T = "CheckboxIndicator", q = s.forwardRef(
   (t, r) => {
-    const { __scopeCheckbox: s, forceMount: l, ...n } = t, e = _(T, s);
+    const { __scopeCheckbox: i, forceMount: l, ...n } = t, e = _(T, i);
     return /* @__PURE__ */ c(
       Q,
       {
@@ -171,8 +171,8 @@ var T = "CheckboxIndicator", q = i.forwardRef(
   }
 );
 q.displayName = T;
-var z = "CheckboxBubbleInput", A = i.forwardRef(
-  ({ __scopeCheckbox: t, ...r }, s) => {
+var z = "CheckboxBubbleInput", A = s.forwardRef(
+  ({ __scopeCheckbox: t, ...r }, i) => {
     const {
       control: l,
       hasConsumerStoppedPropagationRef: n,
@@ -185,8 +185,8 @@ var z = "CheckboxBubbleInput", A = i.forwardRef(
       form: u,
       bubbleInput: p,
       setBubbleInput: v
-    } = _(z, t), C = w(s, v), x = $(e), g = J(l);
-    i.useEffect(() => {
+    } = _(z, t), C = w(i, v), x = $(e), g = J(l);
+    s.useEffect(() => {
       const a = p;
       if (!a) return;
       const I = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
@@ -198,7 +198,7 @@ var z = "CheckboxBubbleInput", A = i.forwardRef(
         a.indeterminate = b(e), E.call(a, b(e) ? !1 : e), a.dispatchEvent(F);
       }
     }, [p, x, e, n]);
-    const o = i.useRef(b(e) ? !1 : e);
+    const o = s.useRef(b(e) ? !1 : e);
     return /* @__PURE__ */ c(
       R.input,
       {

package/dist/components/ui/atoms/code-block.d.ts

@@ -0,0 +1,11 @@
+import { ComponentProps } from 'react';
+declare function CodeBlock({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+type CodeBlockCodeProps = {
+    code: string;
+    language?: string;
+} & ComponentProps<"div">;
+declare function CodeBlockCode({ code, language, className, ...props }: CodeBlockCodeProps): import("react/jsx-runtime").JSX.Element;
+declare function CodeBlockGroup({ children, className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { CodeBlock, CodeBlockCode, CodeBlockGroup };
+export type { CodeBlockCodeProps };
+//# sourceMappingURL=code-block.d.ts.map

package/dist/components/ui/atoms/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/code-block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,KAAK,CAAC,2CAc1E;AAED,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE1B,iBAAS,aAAa,CAAC,EACrB,IAAI,EACJ,QAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CA2BpB;AAED,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,2CAUvB;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,CAAC"}