@arcadeai/design-system 3.33.0 → 3.33.2

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { M as t } from "../../../markdown-ChximrBv.js";
+import { M as t } from "../../../markdown-9KGBuupR.js";
 import "react";
 export {
   t as Markdown

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

@@ -7,7 +7,7 @@ import { c as G } from "../../../index-DFZozV_h.js";
 import { P as H, D as K } from "../../../index-DrFfdHac.js";
 import { h as j, R as U, u as V, F as W } from "../../../index-CvA4FcaC.js";
 import { u as Z } from "../../../index-Cv867SGx.js";
-import { R as q, A as _, c as x, C as B, a as J } from "../../../index-DO05OIM5.js";
+import { R as q, A as _, c as x, C as B, a as J } from "../../../index-BEZCAdXQ.js";
 import { P as w } from "../../../index-BaLuVb4t.js";
 import { P as b } from "../../../index-DLohNuco.js";
 import { u as Q } from "../../../index-437EL2iq.js";

package/dist/components/ui/atoms/scroll-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-button.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/scroll-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG3E,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;CACpD,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAEnC,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAmB,EACnB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAsBnB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"scroll-button.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/scroll-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAQ3E,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;CACpD,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAEnC,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAmB,EACnB,IAAW,EACX,GAAG,KAAK,EACT,EAAE,iBAAiB,2CA6BnB;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -1,33 +1,39 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import { ChevronDown as s } from "lucide-react";
-import { Button as i } from "./button.js";
-import { cn as m } from "../../../lib/utils.js";
-import { u as c } from "../../../StickToBottom-BGUuEI8O.js";
-function h({
-  className: t,
-  variant: r = "outline",
-  size: l = "sm",
-  ...n
+import { Button as c } from "./button.js";
+import { Tooltip as m, TooltipTrigger as p, TooltipContent as u } from "./tooltip.js";
+import { cn as d } from "../../../lib/utils.js";
+import { u as h } from "../../../StickToBottom-BGUuEI8O.js";
+function y({
+  className: r,
+  variant: l = "outline",
+  size: n = "sm",
+  ...e
 }) {
-  const { isAtBottom: a, scrollToBottom: e } = c();
-  return /* @__PURE__ */ o(
-    i,
-    {
-      "aria-label": "Scroll to bottom",
-      className: m(
-        "h-10 w-10 rounded-full transition-all duration-150 ease-out",
-        a ? "pointer-events-none translate-y-4 scale-95 opacity-0" : "translate-y-0 scale-100 opacity-100",
-        t
-      ),
-      "data-slot": "scroll-button",
-      onClick: () => e(),
-      size: l,
-      variant: r,
-      ...n,
-      children: /* @__PURE__ */ o(s, { className: "h-5 w-5" })
-    }
-  );
+  const { isAtBottom: t, scrollToBottom: i } = h();
+  return /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ o(p, { asChild: !0, children: /* @__PURE__ */ o(
+      c,
+      {
+        "aria-hidden": t,
+        "aria-label": "Scroll to bottom",
+        className: d(
+          "h-10 w-10 rounded-full transition-all duration-150 ease-out",
+          t ? "pointer-events-none translate-y-4 scale-95 opacity-0" : "translate-y-0 scale-100 opacity-100",
+          r
+        ),
+        "data-slot": "scroll-button",
+        onClick: () => i(),
+        size: n,
+        tabIndex: t ? -1 : 0,
+        variant: l,
+        ...e,
+        children: /* @__PURE__ */ o(s, { className: "h-5 w-5" })
+      }
+    ) }),
+    /* @__PURE__ */ o(u, { children: "Scroll to bottom" })
+  ] });
 }
 export {
-  h as ScrollButton
+  y as ScrollButton
 };

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

@@ -12,7 +12,7 @@ import { u as pt } from "../../../index-ByaXH_ih.js";
 import { P as ft, D as mt } from "../../../index-DrFfdHac.js";
 import { h as ht, u as vt, R as gt, F as St } from "../../../index-CvA4FcaC.js";
 import { u as Te } from "../../../index-Cv867SGx.js";
-import { R as wt, A as xt, c as Me, C as Ct, a as yt } from "../../../index-DO05OIM5.js";
+import { R as wt, A as xt, c as Me, C as Ct, a as yt } from "../../../index-BEZCAdXQ.js";
 import { P as M } from "../../../index-DLohNuco.js";
 import { u as It } from "../../../index-0ioNhtNM.js";
 import { u as Re } from "../../../index-437EL2iq.js";

package/dist/components/ui/atoms/step-indicator.d.ts

@@ -0,0 +1,17 @@
+import { ClassProp } from 'class-variance-authority/types';
+import type * as React from "react";
+declare const stepIndicatorIconVariants: (props?: ({
+    status?: "active" | "complete" | "incomplete" | null | undefined;
+} & ClassProp) | undefined) => string;
+declare const stepIndicatorLabelVariants: (props?: ({
+    status?: "active" | "complete" | "incomplete" | null | undefined;
+} & ClassProp) | undefined) => string;
+type DivProps = Omit<React.ComponentProps<"div">, "children">;
+export type StepIndicatorProps = {
+    status: "incomplete" | "active" | "complete";
+    stepNumber: number;
+    label: string;
+} & DivProps;
+declare function StepIndicator({ status, stepNumber, label, className, ...props }: StepIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export { StepIndicator, stepIndicatorIconVariants, stepIndicatorLabelVariants };
+//# sourceMappingURL=step-indicator.d.ts.map

package/dist/components/ui/atoms/step-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-indicator.d.ts","sourceRoot":"","sources":["../../../../lib/components/ui/atoms/step-indicator.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,QAAA,MAAM,yBAAyB;;8EAc9B,CAAC;AAEF,QAAA,MAAM,0BAA0B;;8EAe/B,CAAC;AAEF,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,CAAC;AAE9D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,QAAQ,CAAC;AAmFb,iBAAS,aAAa,CAAC,EACrB,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAsBpB;AAED,OAAO,EAAE,aAAa,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/components/ui/atoms/step-indicator.js

@@ -0,0 +1,151 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { c as d } from "../../../index-UgeK3A8s.js";
+import { Check as u } from "lucide-react";
+import { cn as a } from "../../../lib/utils.js";
+const o = d(
+  "relative z-20 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full border",
+  {
+    variants: {
+      status: {
+        complete: "border-success bg-success text-success-foreground",
+        active: "border-foreground bg-foreground text-background",
+        incomplete: "border-muted bg-muted text-foreground"
+      }
+    },
+    defaultVariants: {
+      status: "incomplete"
+    }
+  }
+), l = d(
+  "relative z-20 truncate text-sm leading-[19.6px]",
+  {
+    variants: {
+      status: {
+        complete: "text-muted-foreground line-through decoration-1 decoration-current",
+        active: "font-semibold text-foreground",
+        incomplete: "text-muted-foreground/70"
+      }
+    },
+    defaultVariants: {
+      status: "incomplete"
+    }
+  }
+);
+function m({
+  label: s,
+  className: n,
+  ...t
+}) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: a("flex items-center gap-4", n),
+      "data-slot": "step-indicator",
+      "data-status": "complete",
+      ...t,
+      children: [
+        /* @__PURE__ */ e("span", { className: a(o({ status: "complete" })), children: /* @__PURE__ */ e(u, { className: "h-3.5 w-3.5" }) }),
+        /* @__PURE__ */ c("span", { className: a(l({ status: "complete" })), children: [
+          s,
+          /* @__PURE__ */ e("span", { className: "sr-only", children: " — complete" })
+        ] })
+      ]
+    }
+  );
+}
+function p({
+  stepNumber: s,
+  label: n,
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: a("flex items-center gap-4", t),
+      "data-slot": "step-indicator",
+      "data-status": "active",
+      ...r,
+      children: [
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute inset-x-0 top-0 z-10 h-0.5 bg-foreground"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute top-[-18px] left-1/2 z-0 h-5 w-[70%] -translate-x-1/2 rounded-full bg-primary opacity-100 blur-[18px] saturate-150"
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: a(o({ status: "active" })), children: /* @__PURE__ */ e("span", { className: "text-sm", children: s }) }),
+        /* @__PURE__ */ c("span", { className: a(l({ status: "active" })), children: [
+          n,
+          /* @__PURE__ */ e("span", { className: "sr-only", children: " — active" })
+        ] })
+      ]
+    }
+  );
+}
+function f({
+  stepNumber: s,
+  label: n,
+  className: t,
+  ...r
+}) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: a("flex items-center gap-4", t),
+      "data-slot": "step-indicator",
+      "data-status": "incomplete",
+      ...r,
+      children: [
+        /* @__PURE__ */ e("span", { className: a(o({ status: "incomplete" })), children: /* @__PURE__ */ e("span", { className: "text-sm", children: s }) }),
+        /* @__PURE__ */ c(
+          "span",
+          {
+            className: a(l({ status: "incomplete" })),
+            children: [
+              n,
+              /* @__PURE__ */ e("span", { className: "sr-only", children: " — incomplete" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function N({
+  status: s,
+  stepNumber: n,
+  label: t,
+  className: r,
+  ...i
+}) {
+  return s === "complete" ? /* @__PURE__ */ e(m, { className: r, label: t, ...i }) : s === "active" ? /* @__PURE__ */ e(
+    p,
+    {
+      className: r,
+      label: t,
+      stepNumber: n,
+      ...i
+    }
+  ) : /* @__PURE__ */ e(
+    f,
+    {
+      className: r,
+      label: t,
+      stepNumber: n,
+      ...i
+    }
+  );
+}
+export {
+  N as StepIndicator,
+  o as stepIndicatorIconVariants,
+  l as stepIndicatorLabelVariants
+};

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

@@ -6,7 +6,7 @@ import { u as S, a as W } from "../../../index-D2LZVjSn.js";
 import { c as J } from "../../../index-DFZozV_h.js";
 import { P as Q, D as Z } from "../../../index-DrFfdHac.js";
 import { u as ee } from "../../../index-Cv867SGx.js";
-import { R as te, A as oe, a as re, c as G, C as ne } from "../../../index-DO05OIM5.js";
+import { R as te, A as oe, a as re, c as G, C as ne } from "../../../index-BEZCAdXQ.js";
 import { P as j } from "../../../index-BaLuVb4t.js";
 import { P as se } from "../../../index-DLohNuco.js";
 import { u as ae } from "../../../index-437EL2iq.js";