@actioneer/ads 0.5.7 → 0.5.8

package/components/ai-elements/chain-of-thought.js

@@ -1,24 +1,24 @@
 "use client";
-import { jsx as e, jsxs as l, Fragment as z } from "react/jsx-runtime";
+import { jsx as e, jsxs as l, Fragment as E } from "react/jsx-runtime";
 import { Badge as y } from "../badge.js";
 import { Collapsible as N, CollapsibleTrigger as C, CollapsibleContent as T } from "../collapsible.js";
-import { ChevronRight as R, ChevronDown as w, WarningCircle as j, Database as M } from "../../lib/icons.js";
+import { ChevronRight as j, ChevronDown as w, WarningCircle as M, Database as R } from "../../lib/icons.js";
 import { cn as n } from "../../lib/cn.js";
-import { createContext as O, memo as d, useContext as _, useState as D, useRef as A, useEffect as I } from "react";
-import { motion as L } from "motion/react";
-import { EASE_DISCLOSURE as P } from "../../lib/motion.js";
-const S = O(!1), k = O("tree"), B = d(
+import { createContext as O, memo as c, useContext as _, useState as D, useRef as P, useEffect as A } from "react";
+import { motion as B } from "motion/react";
+import { springDisclosure as F } from "../../lib/motion.js";
+const k = O(!1), S = O("tree"), I = c(
   ({
     className: i,
-    role: r = "list",
+    role: o = "list",
     connector: a = "tree",
-    children: o,
+    children: r,
     ...t
   }) => /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "chain-of-thought",
-      role: r,
+      role: o,
       className: n(
         "w-full",
         a === "rail" && [
@@ -28,35 +28,35 @@ const S = O(!1), k = O("tree"), B = d(
         i
       ),
       ...t,
-      children: /* @__PURE__ */ e(k.Provider, { value: a, children: o })
+      children: /* @__PURE__ */ e(S.Provider, { value: a, children: r })
     }
   )
-), F = d(
+), L = c(
   ({
     className: i,
-    defaultOpen: r,
+    defaultOpen: o,
     open: a,
-    onOpenChange: o,
+    onOpenChange: r,
     status: t = "complete",
     role: s = "listitem",
     "aria-busy": h,
     children: m,
-    ...c
+    ...d
   }) => {
-    const p = _(k), u = a !== void 0, [g, f] = D(
-      r ?? t === "active"
-    ), x = A(t), E = x.current !== "active" && t === "active", v = u ? a : E || g;
-    return I(() => {
+    const p = _(S), u = a !== void 0, [g, f] = D(
+      o ?? t === "active"
+    ), x = P(t), z = x.current !== "active" && t === "active", v = u ? a : z || g;
+    return A(() => {
       const b = x.current;
-      x.current = t, !(b === "active" || t !== "active") && (u || f(!0), o == null || o(!0));
-    }, [u, o, t]), /* @__PURE__ */ e(
+      x.current = t, !(b === "active" || t !== "active") && (u || f(!0), r == null || r(!0));
+    }, [u, r, t]), /* @__PURE__ */ e(
       N,
       {
         "data-slot": "chain-of-thought-step",
         "data-status": t,
         open: v,
         onOpenChange: (b) => {
-          u || f(b), o == null || o(b);
+          u || f(b), r == null || r(b);
         },
         role: s,
         "aria-current": t === "active" ? "step" : void 0,
@@ -94,17 +94,17 @@ const S = O(!1), k = O("tree"), B = d(
           t === "error" && "text-danger",
           i
         ),
-        ...c,
-        children: /* @__PURE__ */ e(S.Provider, { value: v, children: m })
+        ...d,
+        children: /* @__PURE__ */ e(k.Provider, { value: v, children: m })
       }
     );
   }
-), U = d(
+), W = c(
   ({
     className: i,
-    children: r,
+    children: o,
     leftIcon: a,
-    endContent: o,
+    endContent: r,
     caret: t = !0,
     swapIconOnHover: s = !0,
     ...h
@@ -117,7 +117,7 @@ const S = O(!1), k = O("tree"), B = d(
         "group/cot-trigger flex min-h-9 w-full cursor-pointer items-center gap-3 rounded-sm text-left text-base text-current outline-none",
         // Rows carry no hover fill: the caret is the affordance, and a filled
         // band on every row makes a dense trace read as a list of buttons.
-        "transition-colors duration-(--duration-fast) ease-out hover:text-primary",
+        "transition-colors duration-150 ease-out hover:text-primary",
         "focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
         i
       ),
@@ -127,22 +127,22 @@ const S = O(!1), k = O("tree"), B = d(
           {
             "aria-hidden": !0,
             className: "relative z-10 block size-4 shrink-0",
-            children: a ? /* @__PURE__ */ l(z, { children: [
+            children: a ? /* @__PURE__ */ l(E, { children: [
               /* @__PURE__ */ e(
                 "span",
                 {
                   className: n(
-                    "absolute inset-0 flex items-center justify-center transition-opacity duration-(--duration-fast) ease-out [&>svg]:size-4 motion-reduce:transition-none",
+                    "absolute inset-0 flex items-center justify-center transition-opacity duration-150 ease-out [&>svg]:size-4 motion-reduce:transition-none",
                     !t && s && "group-hover/cot-trigger:opacity-0 group-data-[state=open]/cot-trigger:opacity-0"
                   ),
                   children: a
                 }
               ),
               !t && s && /* @__PURE__ */ e(
-                R,
+                j,
                 {
                   className: n(
-                    "absolute inset-0 size-4 opacity-0 transition-[opacity,transform] duration-(--duration-fast) ease-out motion-reduce:transition-none",
+                    "absolute inset-0 size-4 opacity-0 transition-[opacity,transform] duration-150 ease-out motion-reduce:transition-none",
                     "group-hover/cot-trigger:opacity-100 group-data-[state=open]/cot-trigger:opacity-100",
                     "group-data-[state=open]/cot-trigger:rotate-90"
                   )
@@ -151,13 +151,13 @@ const S = O(!1), k = O("tree"), B = d(
             ] }) : /* @__PURE__ */ e("span", { className: "absolute top-1/2 left-1/2 size-1.5 -translate-x-1/2 -translate-y-1/2 rounded-dot bg-current" })
           }
         ),
-        /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: r }),
+        /* @__PURE__ */ e("span", { className: "min-w-0 flex-1", children: o }),
         /* @__PURE__ */ l("span", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
-          o != null && /* @__PURE__ */ e("span", { className: "text-xs text-tertiary tabular-nums", children: o }),
+          r != null && /* @__PURE__ */ e("span", { className: "text-xs text-tertiary tabular-nums", children: r }),
           t && /* @__PURE__ */ e(
             w,
             {
-              className: "size-4 shrink-0 text-tertiary transition-transform duration-(--duration-fast) ease-out group-data-[state=open]/cot-trigger:rotate-180 motion-reduce:transition-none",
+              className: "size-4 shrink-0 text-tertiary transition-transform duration-150 ease-out group-data-[state=open]/cot-trigger:rotate-180 motion-reduce:transition-none",
               "aria-hidden": !0
             }
           )
@@ -165,11 +165,11 @@ const S = O(!1), k = O("tree"), B = d(
       ]
     }
   ) })
-), W = d(
-  ({ className: i, children: r, rail: a = !0, ...o }) => {
-    const t = _(S);
-    return /* @__PURE__ */ e(T, { forceMount: !0, asChild: !0, ...o, children: /* @__PURE__ */ e(
-      L.div,
+), X = c(
+  ({ className: i, children: o, rail: a = !0, ...r }) => {
+    const t = _(k);
+    return /* @__PURE__ */ e(T, { forceMount: !0, asChild: !0, ...r, children: /* @__PURE__ */ e(
+      B.div,
       {
         "data-slot": "chain-of-thought-content",
         initial: !1,
@@ -178,7 +178,7 @@ const S = O(!1), k = O("tree"), B = d(
           open: { height: "auto", opacity: 1 },
           closed: { height: 0, opacity: 0 }
         },
-        transition: { duration: t ? 0.28 : 0.2, ease: P },
+        transition: F,
         className: n(
           "overflow-hidden text-secondary outline-none",
           "data-[state=closed]:pointer-events-none",
@@ -199,14 +199,14 @@ const S = O(!1), k = O("tree"), B = d(
                 "has-[[data-slot=chain-of-thought-evidence][data-state=closed]:last-child]:before:bottom-9"
               ]
             ),
-            children: r
+            children: o
           }
         )
       }
     ) });
   }
-), X = d(
-  ({ className: i, ...r }) => /* @__PURE__ */ e(
+), q = c(
+  ({ className: i, ...o }) => /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "chain-of-thought-item",
@@ -215,39 +215,39 @@ const S = O(!1), k = O("tree"), B = d(
         "before:absolute before:top-2 before:left-0 before:size-1.5 before:rounded-dot before:bg-current before:content-['']",
         i
       ),
-      ...r
+      ...o
     }
   )
-), q = d(
-  ({ className: i, ...r }) => /* @__PURE__ */ e(
+), G = c(
+  ({ className: i, ...o }) => /* @__PURE__ */ e(
     "div",
     {
       className: n("flex flex-wrap items-center gap-2", i),
-      ...r
+      ...o
     }
   )
-), G = d(
-  ({ className: i, children: r, ...a }) => /* @__PURE__ */ e(
+), J = c(
+  ({ className: i, children: o, ...a }) => /* @__PURE__ */ e(
     y,
     {
       className: n("gap-1 font-normal", i),
       color: "default",
       variant: "soft",
       ...a,
-      children: r
+      children: o
     }
   )
-), J = d(
+), K = c(
   ({
     className: i,
-    title: r,
+    title: o,
     tag: a,
-    meta: o,
+    meta: r,
     source: t,
     error: s,
     icon: h,
     defaultOpen: m = !1,
-    children: c,
+    children: d,
     ...p
   }) => /* @__PURE__ */ l(
     N,
@@ -275,7 +275,7 @@ const S = O(!1), k = O("tree"), B = d(
             "data-slot": "chain-of-thought-evidence-trigger",
             className: n(
               "group/cot-evidence flex min-h-8 w-full cursor-pointer items-center gap-2 rounded-md text-left outline-none",
-              "transition-colors duration-(--duration-fast) ease-out hover:text-primary",
+              "transition-colors duration-150 ease-out hover:text-primary",
               "focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none"
             ),
             children: [
@@ -287,10 +287,10 @@ const S = O(!1), k = O("tree"), B = d(
                     "shrink-0 [&>svg]:size-3.5",
                     s != null ? "text-danger" : "text-tertiary"
                   ),
-                  children: h ?? (s != null ? /* @__PURE__ */ e(j, {}) : /* @__PURE__ */ e(M, {}))
+                  children: h ?? (s != null ? /* @__PURE__ */ e(M, {}) : /* @__PURE__ */ e(R, {}))
                 }
               ),
-              /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-base font-normal text-secondary", children: r }),
+              /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate text-base font-normal text-secondary", children: o }),
               a != null && /* @__PURE__ */ e(
                 y,
                 {
@@ -300,13 +300,13 @@ const S = O(!1), k = O("tree"), B = d(
                   children: a
                 }
               ),
-              o != null && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-tertiary tabular-nums", children: o }),
+              r != null && /* @__PURE__ */ e("span", { className: "shrink-0 text-xs text-tertiary tabular-nums", children: r }),
               /* @__PURE__ */ e(
                 w,
                 {
                   "aria-hidden": !0,
                   className: n(
-                    "size-3.5 shrink-0 text-tertiary transition-transform duration-(--duration-fast) ease-out motion-reduce:transition-none",
+                    "size-3.5 shrink-0 text-tertiary transition-transform duration-150 ease-out motion-reduce:transition-none",
                     "group-data-[state=open]/cot-evidence:rotate-180"
                   )
                 }
@@ -320,11 +320,11 @@ const S = O(!1), k = O("tree"), B = d(
             "data-slot": "chain-of-thought-evidence-content",
             className: n(
               "overflow-hidden outline-none",
-              "data-[state=closed]:pointer-events-none data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none"
+              "data-[state=closed]:pointer-events-none"
             ),
             children: /* @__PURE__ */ l("div", { className: "flex flex-col gap-1.5 pt-1.5", children: [
               s != null && /* @__PURE__ */ e("p", { className: "text-xs text-danger", children: s }),
-              c,
+              d,
               t != null && /* @__PURE__ */ e("p", { className: "text-xs text-tertiary", children: t })
             ] })
           }
@@ -332,16 +332,16 @@ const S = O(!1), k = O("tree"), B = d(
       ]
     }
   )
-), K = d(
+), Q = c(
   ({
     className: i,
-    columns: r,
+    columns: o,
     rows: a,
-    totalRows: o,
+    totalRows: r,
     flag: t,
     ...s
   }) => {
-    const h = o != null && o > a.length, m = (t == null ? void 0 : t.color) ?? "default";
+    const h = r != null && r > a.length, m = (t == null ? void 0 : t.color) ?? "default";
     return /* @__PURE__ */ l(
       "div",
       {
@@ -350,31 +350,31 @@ const S = O(!1), k = O("tree"), B = d(
         ...s,
         children: [
           /* @__PURE__ */ e("div", { className: "max-h-56 overflow-auto", children: /* @__PURE__ */ l("table", { className: "w-full border-collapse text-xs tabular-nums", children: [
-            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "text-tertiary", children: r.map((c) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "text-tertiary", children: o.map((d) => /* @__PURE__ */ e(
               "th",
               {
                 className: n(
                   "sticky top-0 bg-surface px-2.5 py-1.5 font-normal whitespace-nowrap",
-                  c.align === "end" ? "text-right" : "text-left"
+                  d.align === "end" ? "text-right" : "text-left"
                 ),
-                children: c.label
+                children: d.label
               },
-              c.key
+              d.key
             )) }) }),
-            /* @__PURE__ */ e("tbody", { children: a.map((c, p) => {
-              const u = t != null && String(c[t.key]) === String(t.value);
-              return /* @__PURE__ */ e("tr", { className: n(u && "bg-muted"), children: r.map((g, f) => /* @__PURE__ */ e(
+            /* @__PURE__ */ e("tbody", { children: a.map((d, p) => {
+              const u = t != null && String(d[t.key]) === String(t.value);
+              return /* @__PURE__ */ e("tr", { className: n(u && "bg-muted"), children: o.map((g, f) => /* @__PURE__ */ e(
                 "td",
                 {
                   className: n(
                     "px-2.5 py-1 whitespace-nowrap",
                     g.align === "end" ? "text-right" : "text-left",
                     f === 0 ? "text-secondary" : "text-tertiary",
-                    u && f === 0 && "font-semibold",
+                    u && f === 0 && "font-medium",
                     u && f === 0 && m === "danger" && "text-danger",
                     u && f === 0 && m === "warning" && "text-warning"
                   ),
-                  children: c[g.key]
+                  children: d[g.key]
                 },
                 g.key
               )) }, p);
@@ -383,19 +383,19 @@ const S = O(!1), k = O("tree"), B = d(
           h && /* @__PURE__ */ l("p", { className: "px-2.5 py-1.5 text-xs text-tertiary tabular-nums", children: [
             a.length,
             " of ",
-            o,
+            r,
             " rows"
           ] })
         ]
       }
     );
   }
-), Q = d(
-  ({ className: i, role: r = "list", ...a }) => /* @__PURE__ */ e(
+), U = c(
+  ({ className: i, role: o = "list", ...a }) => /* @__PURE__ */ e(
     "div",
     {
       "data-slot": "chain-of-thought-metrics",
-      role: r,
+      role: o,
       className: n(
         "flex flex-col gap-2 rounded-lg bg-muted px-4 py-3",
         i
@@ -409,12 +409,12 @@ const S = O(!1), k = O("tree"), B = d(
   warning: "text-warning",
   success: "text-success",
   info: "text-info"
-}, Y = d(
+}, Y = c(
   ({
     className: i,
-    label: r,
+    label: o,
     value: a,
-    sub: o,
+    sub: r,
     color: t = "default",
     role: s = "listitem",
     ...h
@@ -431,10 +431,10 @@ const S = O(!1), k = O("tree"), B = d(
       ...h,
       children: [
         /* @__PURE__ */ l("div", { className: "min-w-0 text-xs text-tertiary", children: [
-          r,
-          o != null && /* @__PURE__ */ l("span", { children: [
+          o,
+          r != null && /* @__PURE__ */ l("span", { children: [
             " (",
-            o,
+            r,
             ")"
           ] })
         ] }),
@@ -442,7 +442,7 @@ const S = O(!1), k = O("tree"), B = d(
           "div",
           {
             className: n(
-              "shrink-0 text-base font-semibold tabular-nums",
+              "shrink-0 text-base font-medium tabular-nums",
               V[t]
             ),
             children: a
@@ -451,35 +451,35 @@ const S = O(!1), k = O("tree"), B = d(
       ]
     }
   )
-), Z = d(
-  ({ className: i, children: r, caption: a, ...o }) => /* @__PURE__ */ l("div", { className: n("space-y-2", i), ...o, children: [
-    /* @__PURE__ */ e("div", { className: "relative flex max-h-88 items-center justify-center overflow-hidden rounded-lg bg-muted p-3", children: r }),
+), Z = c(
+  ({ className: i, children: o, caption: a, ...r }) => /* @__PURE__ */ l("div", { className: n("space-y-2", i), ...r, children: [
+    /* @__PURE__ */ e("div", { className: "relative flex max-h-88 items-center justify-center overflow-hidden rounded-lg bg-muted p-3", children: o }),
     a && /* @__PURE__ */ e("p", { className: "text-xs text-tertiary", children: a })
   ] })
 );
-B.displayName = "ChainOfThought";
-F.displayName = "ChainOfThoughtStep";
-U.displayName = "ChainOfThoughtTrigger";
-W.displayName = "ChainOfThoughtContent";
-X.displayName = "ChainOfThoughtItem";
-q.displayName = "ChainOfThoughtSearchResults";
-G.displayName = "ChainOfThoughtSearchResult";
-J.displayName = "ChainOfThoughtEvidence";
-K.displayName = "ChainOfThoughtEvidenceTable";
-Q.displayName = "ChainOfThoughtMetrics";
+I.displayName = "ChainOfThought";
+L.displayName = "ChainOfThoughtStep";
+W.displayName = "ChainOfThoughtTrigger";
+X.displayName = "ChainOfThoughtContent";
+q.displayName = "ChainOfThoughtItem";
+G.displayName = "ChainOfThoughtSearchResults";
+J.displayName = "ChainOfThoughtSearchResult";
+K.displayName = "ChainOfThoughtEvidence";
+Q.displayName = "ChainOfThoughtEvidenceTable";
+U.displayName = "ChainOfThoughtMetrics";
 Y.displayName = "ChainOfThoughtMetric";
 Z.displayName = "ChainOfThoughtImage";
 export {
-  B as ChainOfThought,
-  W as ChainOfThoughtContent,
-  J as ChainOfThoughtEvidence,
-  K as ChainOfThoughtEvidenceTable,
+  I as ChainOfThought,
+  X as ChainOfThoughtContent,
+  K as ChainOfThoughtEvidence,
+  Q as ChainOfThoughtEvidenceTable,
   Z as ChainOfThoughtImage,
-  X as ChainOfThoughtItem,
+  q as ChainOfThoughtItem,
   Y as ChainOfThoughtMetric,
-  Q as ChainOfThoughtMetrics,
-  G as ChainOfThoughtSearchResult,
-  q as ChainOfThoughtSearchResults,
-  F as ChainOfThoughtStep,
-  U as ChainOfThoughtTrigger
+  U as ChainOfThoughtMetrics,
+  J as ChainOfThoughtSearchResult,
+  G as ChainOfThoughtSearchResults,
+  L as ChainOfThoughtStep,
+  W as ChainOfThoughtTrigger
 };

package/components/ai-elements/chart.js

@@ -75,6 +75,7 @@ function Y({
             {
               "aria-hidden": !0,
               role: "presentation",
+              variant: "content",
               size: "sm",
               color: "muted"
             }
@@ -130,6 +131,7 @@ function Z({
         {
           "aria-hidden": !0,
           role: "presentation",
+          variant: "content",
           size: "sm",
           color: "current"
         }
@@ -150,24 +152,24 @@ const ee = g.forwardRef(
     title: i,
     tag: o,
     source: s,
-    progress: d,
+    progress: c,
     elapsed: y,
-    meta: c,
+    meta: d,
     accessibleSummary: u,
     open: b,
     defaultOpen: N = !1,
     onOpenChange: C,
-    onSourceSelect: m,
+    onSourceSelect: h,
     errorContent: _,
     onRetry: w,
     children: k,
-    role: A = "region",
+    role: A = "group",
     "aria-label": z,
     "aria-describedby": R,
     "aria-busy": j,
     ...I
   }, $) => {
-    const n = r ?? "ready", B = n === "querying" || n === "partial" || n === "rendering", h = c !== void 0 ? c : X(n, d, y), q = K[n], f = g.useId(), p = n === "ready" && u != null, D = [
+    const n = r ?? "ready", B = n === "querying" || n === "partial" || n === "rendering", m = d !== void 0 ? d : X(n, c, y), q = K[n], f = g.useId(), p = n === "ready" && u != null, D = [
       R,
       p ? f : void 0
     ].filter(Boolean).join(" ") || void 0;
@@ -203,7 +205,7 @@ const ee = g.forwardRef(
               type: "button",
               className: l(
                 "group/ai-chart-trigger flex w-full items-center gap-2.5 px-2.5 py-2 text-left",
-                "outline-none transition-[background,color,transform] duration-(--duration-fast) ease-out hover:bg-fill active:scale-(--scale-press)",
+                "outline-none transition-[background,color,transform] duration-150 ease-out hover:bg-fill active:scale-[0.97] motion-reduce:active:scale-100",
                 "focus-visible:ring-3 focus-visible:ring-inset focus-visible:ring-ring motion-reduce:transition-none"
               ),
               children: [
@@ -225,18 +227,18 @@ const ee = g.forwardRef(
                     children: o
                   }
                 ),
-                h != null && /* @__PURE__ */ e(
+                m != null && /* @__PURE__ */ e(
                   "span",
                   {
                     "data-slot": "ai-chart-meta",
                     className: "ml-auto shrink-0 text-xs tabular-nums",
-                    children: h
+                    children: m
                   }
                 ),
                 /* @__PURE__ */ e(
                   P,
                   {
-                    className: "size-4 shrink-0 text-tertiary transition-transform duration-(--duration-normal) ease-out group-data-[state=open]/ai-chart-trigger:rotate-180 motion-reduce:transition-none",
+                    className: "size-4 shrink-0 text-tertiary transition-transform duration-200 ease-out group-data-[state=open]/ai-chart-trigger:rotate-180 motion-reduce:transition-none",
                     "aria-hidden": !0
                   }
                 )
@@ -248,7 +250,7 @@ const ee = g.forwardRef(
             {
               className: l(
                 "overflow-hidden px-2.5 pb-2.5 outline-none",
-                "data-[state=closed]:pointer-events-none data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 data-[state=closed]:animate-out data-[state=open]:animate-in motion-reduce:animate-none"
+                "data-[state=closed]:pointer-events-none"
               ),
               children: [
                 /* @__PURE__ */ e(
@@ -260,7 +262,7 @@ const ee = g.forwardRef(
                       Z,
                       {
                         status: n,
-                        progress: d,
+                        progress: c,
                         errorContent: _,
                         onRetry: w,
                         children: k
@@ -273,13 +275,13 @@ const ee = g.forwardRef(
                   {
                     className: "mt-2 text-xs text-tertiary",
                     "data-slot": "ai-chart-source",
-                    children: m ? /* @__PURE__ */ a(
+                    children: h ? /* @__PURE__ */ a(
                       "button",
                       {
                         type: "button",
-                        className: "rounded-sm text-left outline-none transition-colors duration-(--duration-fast) ease-out hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
+                        className: "rounded-sm text-left outline-none transition-colors duration-150 ease-out hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring motion-reduce:transition-none",
                         "aria-label": `Open source ${s}`,
-                        onClick: () => m(s),
+                        onClick: () => h(s),
                         children: [
                           "from ",
                           /* @__PURE__ */ e("span", { className: "font-normal tabular-nums", children: s })