@actioneer/ads 0.5.4 → 0.5.5

package/components/toast.js

@@ -6,66 +6,67 @@ import { MotionConfig as O, AnimatePresence as W, motion as F } from "motion/rea
 import { WarningCircle as B, Warning as D, Info as N, CheckCircle as U, Close as V } from "../lib/icons.js";
 import { cn as g } from "../lib/cn.js";
 import { toastSpring as q, EASE_OUT as G } from "../lib/motion.js";
-import { Button as J } from "./button.js";
-import { Spinner as K } from "./spinner.js";
+import { Ripple as J } from "./ripple.js";
+import { Button as K } from "./button.js";
+import { Spinner as Q } from "./spinner.js";
 const z = o.createContext(null);
-function at() {
-  const x = o.useContext(z);
-  if (!x)
+function lt() {
+  const b = o.useContext(z);
+  if (!b)
     throw new Error("useToast must be used within a <ToastProvider>.");
-  const { push: c, close: m, clear: f } = x;
+  const { push: c, close: p, clear: f } = b;
   return { toast: o.useMemo(() => {
     const s = ((r, i) => {
       if (r !== null && typeof r == "object" && !o.isValidElement(r)) {
-        const { title: d, ...p } = r;
-        return c(d, { ...p, ...i });
+        const { title: d, ...m } = r;
+        return c(d, { ...m, ...i });
       }
       return c(r, i);
     }), l = (r) => (i, d) => c(i, { ...d, variant: r });
-    return s.success = l("success"), s.info = l("info"), s.warning = l("warning"), s.danger = l("danger"), s.close = m, s.clear = f, s.promise = (r, i) => {
+    return s.success = l("success"), s.info = l("info"), s.warning = l("warning"), s.danger = l("danger"), s.close = p, s.clear = f, s.promise = (r, i) => {
       const d = c(i.loading, { isLoading: !0, timeout: 0 });
-      return r.then((p) => {
-        m(d), c(
-          typeof i.success == "function" ? i.success(p) : i.success,
+      return r.then((m) => {
+        p(d), c(
+          typeof i.success == "function" ? i.success(m) : i.success,
           { variant: "success" }
         );
-      }).catch((p) => {
-        m(d), c(
-          typeof i.error == "function" ? i.error(p) : i.error,
+      }).catch((m) => {
+        p(d), c(
+          typeof i.error == "function" ? i.error(m) : i.error,
           { variant: "danger" }
         );
       }), r;
     }, s;
-  }, [c, m, f]) };
+  }, [c, p, f]) };
 }
-const Q = {
+const X = {
   default: { icon: N, accent: "text-foreground" },
   success: { icon: U, accent: "text-success-700" },
   info: { icon: N, accent: "text-info-700" },
   warning: { icon: D, accent: "text-warning-700" },
   danger: { icon: B, accent: "text-danger-700" }
-}, X = {
+}, Y = {
   "bottom-end": "bottom-4 right-4",
   bottom: "bottom-4 left-1/2 -translate-x-1/2",
   "bottom-start": "bottom-4 left-4",
   "top-end": "top-4 right-4",
   top: "top-4 left-1/2 -translate-x-1/2",
   "top-start": "top-4 left-4"
-}, S = 12, Y = 0.05;
-function ct({
-  children: x,
+}, S = 12, Z = 0.05;
+function ut({
+  children: b,
   placement: c = "bottom-end",
-  maxVisible: m = 3
+  maxVisible: p = 3
 }) {
   var k;
-  const [f, b] = o.useState([]), s = o.useRef(/* @__PURE__ */ new Map()), l = o.useRef(/* @__PURE__ */ new Map()), r = o.useCallback((t) => {
-    b((u) => u.filter((h) => h.id !== t));
+  const [f, y] = o.useState([]), s = o.useRef(/* @__PURE__ */ new Map()), l = o.useRef(/* @__PURE__ */ new Map()), r = o.useCallback((t) => {
+    y((u) => u.filter((h) => h.id !== t));
     const n = s.current.get(t);
     n && (clearTimeout(n), s.current.delete(t));
     const e = l.current.get(t);
     l.current.delete(t), e == null || e();
   }, []), i = o.useCallback(() => {
-    b((t) => (t.forEach((n) => {
+    y((t) => (t.forEach((n) => {
       var u;
       const e = s.current.get(n.id);
       e && clearTimeout(e), s.current.delete(n.id), (u = l.current.get(n.id)) == null || u(), l.current.delete(n.id);
@@ -73,7 +74,7 @@ function ct({
   }, []), d = o.useCallback(
     (t, n = {}) => {
       const e = Math.random().toString(36).slice(2), u = { variant: "default", ...n, id: e, title: t };
-      b((v) => [...v, u]), l.current.set(e, n.onClose);
+      y((x) => [...x, u]), l.current.set(e, n.onClose);
       const h = n.timeout ?? n.duration ?? (n.isLoading ? 0 : 5e3);
       return h > 0 && s.current.set(e, setTimeout(() => r(e), h)), e;
     },
@@ -85,9 +86,9 @@ function ct({
       t.forEach((n) => clearTimeout(n)), t.clear();
     };
   }, []);
-  const p = o.useMemo(() => ({ push: d, close: r, clear: i }), [d, r, i]), [L, R] = o.useState(!1);
-  o.useEffect(() => R(!0), []);
-  const [y, P] = o.useState(null), E = o.useRef(null), j = (k = f[f.length - 1]) == null ? void 0 : k.id;
+  const m = o.useMemo(() => ({ push: d, close: r, clear: i }), [d, r, i]), [R, L] = o.useState(!1);
+  o.useEffect(() => L(!0), []);
+  const [w, P] = o.useState(null), E = o.useRef(null), j = (k = f[f.length - 1]) == null ? void 0 : k.id;
   o.useLayoutEffect(() => {
     const t = E.current;
     if (!t) {
@@ -99,22 +100,22 @@ function ct({
     const e = new ResizeObserver(n);
     return e.observe(t), () => e.disconnect();
   }, [j]);
-  const w = c.startsWith("top"), H = w ? 1 : -1, _ = Math.min(m, Math.max(f.length, 1)), I = y != null ? y + S * (_ - 1) : void 0;
-  return /* @__PURE__ */ T(z.Provider, { value: p, children: [
-    x,
-    L && A(
+  const v = c.startsWith("top"), H = v ? 1 : -1, _ = Math.min(p, Math.max(f.length, 1)), I = w != null ? w + S * (_ - 1) : void 0;
+  return /* @__PURE__ */ T(z.Provider, { value: m, children: [
+    b,
+    R && A(
       /* @__PURE__ */ a(
         "div",
         {
           className: g(
             "pointer-events-none fixed z-50 w-full max-w-sm",
-            X[c]
+            Y[c]
           ),
           style: { height: I },
           role: "region",
           "aria-label": "Notifications",
           children: /* @__PURE__ */ a(O, { reducedMotion: "user", children: /* @__PURE__ */ a(W, { children: f.map((t, n) => {
-            const e = f.length - 1 - n, u = e === 0, h = e >= m, v = Q[t.variant ?? "default"], $ = v.icon;
+            const e = f.length - 1 - n, u = e === 0, h = e >= p, x = X[t.variant ?? "default"], $ = x.icon;
             return /* @__PURE__ */ T(
               F.div,
               {
@@ -124,21 +125,21 @@ function ct({
                 "aria-live": "polite",
                 initial: {
                   opacity: 0,
-                  transform: `translate3d(0, ${w ? -16 : 16}px, 0) scale(0.98)`
+                  transform: `translate3d(0, ${v ? -16 : 16}px, 0) scale(0.98)`
                 },
                 animate: {
                   opacity: h ? 0 : 1,
-                  transform: `translate3d(0, ${H * e * S}px, 0) scale(${1 - e * Y})`
+                  transform: `translate3d(0, ${H * e * S}px, 0) scale(${1 - e * Z})`
                 },
                 exit: {
                   opacity: 0,
-                  transform: `translate3d(0, ${w ? -16 : 16}px, 0) scale(0.98)`,
+                  transform: `translate3d(0, ${v ? -16 : 16}px, 0) scale(0.98)`,
                   transition: { duration: 0.14, ease: G }
                 },
                 transition: q,
                 className: g(
                   "group/toast absolute inset-x-0 flex items-start gap-1.5",
-                  w ? "top-0" : "bottom-0",
+                  v ? "top-0" : "bottom-0",
                   "rounded-2xl bg-elevated px-4 py-3 shadow-elevation",
                   u ? "pointer-events-auto" : "pointer-events-none overflow-hidden"
                 ),
@@ -146,25 +147,26 @@ function ct({
                   zIndex: 100 - e,
                   // Behind layers freeze at the front card's height so
                   // only their top edge shows as a clean sliver.
-                  height: !u && y != null ? y : void 0
+                  height: !u && w != null ? w : void 0
                 },
                 children: [
+                  /* @__PURE__ */ a(J, { origin: v ? "top" : "bottom" }),
                   /* @__PURE__ */ a(
                     "span",
                     {
                       className: g(
                         "flex shrink-0 select-none items-center justify-center p-1 [&_svg]:size-4",
-                        v.accent
+                        x.accent
                       ),
-                      children: t.isLoading ? /* @__PURE__ */ a(K, { size: "sm", "aria-label": "Loading" }) : t.indicator ?? /* @__PURE__ */ a($, { "aria-hidden": !0 })
+                      children: t.isLoading ? /* @__PURE__ */ a(Q, { size: "sm", "aria-label": "Loading" }) : t.indicator ?? /* @__PURE__ */ a($, { "aria-hidden": !0 })
                     }
                   ),
                   /* @__PURE__ */ T("div", { className: "flex min-w-0 grow flex-col items-start self-center", children: [
-                    /* @__PURE__ */ a("p", { className: g("text-xs font-medium leading-5", v.accent), children: t.title }),
+                    /* @__PURE__ */ a("p", { className: g("text-xs font-normal leading-5", x.accent), children: t.title }),
                     t.description && /* @__PURE__ */ a("p", { className: "text-xs text-muted-foreground", children: t.description })
                   ] }),
                   t.actionProps && /* @__PURE__ */ a(
-                    J,
+                    K,
                     {
                       size: "sm",
                       variant: t.actionProps.variant ?? "soft",
@@ -206,6 +208,6 @@ function ct({
   ] });
 }
 export {
-  ct as ToastProvider,
-  at as useToast
+  ut as ToastProvider,
+  lt as useToast
 };

package/components/tooltip.js

@@ -1,69 +1,70 @@
 "use client";
-import { jsxs as L, Fragment as D, jsx as b } from "react/jsx-runtime";
+import { jsxs as k, Fragment as F, jsx as g } from "react/jsx-runtime";
 import * as r from "react";
-import { createPortal as F } from "react-dom";
-import { MotionConfig as H, AnimatePresence as I, motion as N } from "motion/react";
-import { cn as k } from "../lib/cn.js";
-import { tooltipVariants as O } from "../lib/motion.js";
-const j = {
+import { createPortal as H } from "react-dom";
+import { MotionConfig as I, AnimatePresence as N, motion as O } from "motion/react";
+import { cn as S } from "../lib/cn.js";
+import { tooltipVariants as j } from "../lib/motion.js";
+import { Ripple as _ } from "./ripple.js";
+const V = {
   top: "bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2",
   bottom: "top-0 left-1/2 -translate-x-1/2 -translate-y-1/2",
   left: "right-0 top-1/2 translate-x-1/2 -translate-y-1/2",
   right: "left-0 top-1/2 -translate-x-1/2 -translate-y-1/2"
-}, _ = {
+}, W = {
   top: "bottom",
   bottom: "top",
   left: "right",
   right: "left"
 };
-let S = 0;
-const V = 300;
-function U({
-  content: W,
-  children: z,
-  side: d = "top",
-  delay: B = 300,
-  className: P
+let z = 0;
+const q = 300;
+function Y({
+  content: B,
+  children: P,
+  side: a = "top",
+  delay: T = 300,
+  className: A
 }) {
-  const [a, g] = r.useState(!1), [T, x] = r.useState(!1), [i, A] = r.useState(null), v = r.useRef(null), M = r.useRef(null), f = r.useRef(null), y = r.useId(), w = () => {
-    f.current && (clearTimeout(f.current), f.current = null);
+  const [l, w] = r.useState(!1), [x, v] = r.useState(!1), [i, C] = r.useState(null), M = r.useRef(null), y = r.useRef(null), d = r.useRef(null), R = r.useId(), b = () => {
+    d.current && (clearTimeout(d.current), d.current = null);
   }, E = () => {
-    if (w(), Date.now() - S < V) {
-      x(!0), g(!0);
+    if (b(), Date.now() - z < q) {
+      v(!0), w(!0);
       return;
     }
-    x(!1), f.current = setTimeout(() => g(!0), B);
-  }, R = () => {
-    w(), a && (S = Date.now()), g(!1);
+    v(!1), d.current = setTimeout(() => w(!0), T);
+  }, L = () => {
+    b(), l && (z = Date.now()), w(!1);
   };
-  r.useEffect(() => () => w(), []), r.useLayoutEffect(() => {
-    if (!a) return;
-    const n = v.current, e = M.current;
+  r.useEffect(() => () => b(), []), r.useLayoutEffect(() => {
+    if (!l) return;
+    const n = M.current, e = y.current;
     if (!n || !e) return;
     const t = () => {
       const o = n.getBoundingClientRect(), p = e.offsetWidth, m = e.offsetHeight, h = 6, s = 8;
-      let c = 0, u = 0;
-      switch (d) {
+      let u = 0, f = 0;
+      switch (a) {
         case "top":
-          c = o.top - m - h, u = o.left + o.width / 2 - p / 2;
+          u = o.top - m - h, f = o.left + o.width / 2 - p / 2;
           break;
         case "bottom":
-          c = o.bottom + h, u = o.left + o.width / 2 - p / 2;
+          u = o.bottom + h, f = o.left + o.width / 2 - p / 2;
           break;
         case "left":
-          c = o.top + o.height / 2 - m / 2, u = o.left - p - h;
+          u = o.top + o.height / 2 - m / 2, f = o.left - p - h;
           break;
         case "right":
-          c = o.top + o.height / 2 - m / 2, u = o.right + h;
+          u = o.top + o.height / 2 - m / 2, f = o.right + h;
           break;
       }
-      A({
+      C({
         top: Math.min(
-          Math.max(c, s),
+          Math.max(u, s),
           Math.max(s, window.innerHeight - m - s)
         ),
         left: Math.min(
-          Math.max(u, s),
+          Math.max(f, s),
           Math.max(s, window.innerWidth - p - s)
         )
       });
@@ -71,66 +72,67 @@ function U({
     return t(), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0), () => {
       window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
     };
-  }, [a, d]);
-  const l = z, C = r.cloneElement(l, {
-    ref: v,
-    "aria-describedby": a ? y : void 0,
+  }, [l, a]);
+  const c = P, D = r.cloneElement(c, {
+    ref: M,
+    "aria-describedby": l ? R : void 0,
     onMouseEnter: (n) => {
       var e, t;
-      (t = (e = l.props).onMouseEnter) == null || t.call(e, n), E();
+      (t = (e = c.props).onMouseEnter) == null || t.call(e, n), E();
     },
     onMouseLeave: (n) => {
       var e, t;
-      (t = (e = l.props).onMouseLeave) == null || t.call(e, n), R();
+      (t = (e = c.props).onMouseLeave) == null || t.call(e, n), L();
     },
     onFocus: (n) => {
       var e, t;
-      (t = (e = l.props).onFocus) == null || t.call(e, n), E();
+      (t = (e = c.props).onFocus) == null || t.call(e, n), E();
     },
     onBlur: (n) => {
       var e, t;
-      (t = (e = l.props).onBlur) == null || t.call(e, n), R();
+      (t = (e = c.props).onBlur) == null || t.call(e, n), L();
     }
   });
-  return /* @__PURE__ */ L(D, { children: [
-    C,
-    F(
-      /* @__PURE__ */ b(H, { reducedMotion: "user", children: /* @__PURE__ */ b(I, { children: a && /* @__PURE__ */ L(
-        N.div,
+  return /* @__PURE__ */ k(F, { children: [
+    D,
+    H(
+      /* @__PURE__ */ g(I, { reducedMotion: "user", children: /* @__PURE__ */ g(N, { children: l && /* @__PURE__ */ k(
+        O.div,
         {
-          ref: M,
+          ref: y,
           role: "tooltip",
-          id: y,
-          variants: O,
+          id: R,
+          variants: j,
           initial: "hidden",
           animate: "visible",
           exit: "hidden",
-          transition: T ? { duration: 0 } : void 0,
+          transition: x ? { duration: 0 } : void 0,
           style: {
             position: "fixed",
             top: (i == null ? void 0 : i.top) ?? 0,
             left: (i == null ? void 0 : i.left) ?? 0,
             visibility: i ? "visible" : "hidden",
-            transformOrigin: _[d]
+            transformOrigin: W[a]
           },
-          className: k(
+          className: S(
             "relative z-50 max-w-xs rounded-md bg-foreground px-2 py-1",
             "text-xs text-background",
             "pointer-events-none select-none",
-            P
+            A
           ),
           children: [
-            /* @__PURE__ */ b(
+            !x && /* @__PURE__ */ g(_, { origin: W[a] }),
+            /* @__PURE__ */ g(
               "span",
               {
                 "aria-hidden": !0,
-                className: k(
+                className: S(
                   "absolute size-2 rotate-45 rounded-[1px] bg-foreground",
-                  j[d]
+                  V[a]
                 )
               }
             ),
-            W
+            B
           ]
         }
       ) }) }),
@@ -139,5 +141,5 @@ function U({
   ] });
 }
 export {
-  U as Tooltip
+  Y as Tooltip
 };

package/components/tree.js

@@ -1,64 +1,67 @@
 "use client";
-import { jsx as e, jsxs as b, Fragment as v } from "react/jsx-runtime";
-import * as r from "react";
+import { jsx as e, jsxs as x, Fragment as N } from "react/jsx-runtime";
+import * as t from "react";
 import { cn as s } from "../lib/cn.js";
-import { ChevronRight as j, FileText as F } from "../lib/icons.js";
-const _ = r.forwardRef(({ className: l, ...i }, d) => /* @__PURE__ */ e(
+import { ChevronRight as _, FileText as z } from "../lib/icons.js";
+const S = t.forwardRef(({ className: i, ...d }, f) => /* @__PURE__ */ e(
   "div",
   {
-    ref: d,
+    ref: f,
     role: "tree",
-    className: s("text-xs", l),
-    ...i
+    className: s("flex flex-col gap-0.5 text-xs", i),
+    ...d
   }
 ));
-_.displayName = "Tree";
-const z = r.forwardRef(
+S.displayName = "Tree";
+const V = t.forwardRef(
   ({
-    className: l,
-    label: i,
-    icon: d,
-    count: h,
-    endContent: N,
-    defaultExpanded: w = !1,
-    expanded: p,
+    className: i,
+    label: d,
+    icon: f,
+    count: p,
+    endContent: w,
+    defaultExpanded: y = !1,
+    expanded: h,
     onExpandedChange: c,
-    href: x,
-    isActive: f,
-    onSelect: y,
-    children: o,
-    ...C
-  }, I) => {
-    const t = r.Children.count(o) > 0, g = p !== void 0, [k, T] = r.useState(w), n = g ? p : k, R = (a) => {
-      g || T(a), c == null || c(a);
+    href: g,
+    isActive: o,
+    onSelect: C,
+    children: n,
+    ...I
+  }, k) => {
+    const r = t.Children.count(n) > 0, v = h !== void 0, [T, R] = t.useState(y), l = v ? h : T, j = (a) => {
+      v || R(a), c == null || c(a);
     }, m = s(
-      "flex h-8 w-full items-center gap-2 rounded-md px-2 text-left",
+      "flex h-9 w-full items-center gap-2 rounded-md px-2 text-left",
       "outline-none transition-colors focus-visible:ring-3 focus-visible:ring-ring",
       "[&_svg]:size-4 [&_svg]:shrink-0",
-      f ? "bg-fill font-medium text-foreground" : "text-muted-foreground hover:bg-fill/60 hover:text-foreground"
-    ), u = /* @__PURE__ */ b(v, { children: [
-      d ?? (t ? null : /* @__PURE__ */ e(F, { className: "text-tertiary" })),
-      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate", children: i }),
-      N,
-      t && /* @__PURE__ */ b(v, { children: [
-        (h ?? r.Children.count(o)) > 0 && /* @__PURE__ */ e("span", { className: "shrink-0 tabular-nums text-xs text-tertiary", children: h ?? r.Children.count(o) }),
+      o ? "bg-fill font-normal text-foreground" : "text-muted-foreground hover:bg-fill/60 hover:text-foreground"
+    ), u = f ?? (r ? null : /* @__PURE__ */ e(z, { className: "text-tertiary" })), F = o && t.isValidElement(u) ? t.cloneElement(
+      u,
+      { weight: "fill" }
+    ) : u, b = /* @__PURE__ */ x(N, { children: [
+      F,
+      /* @__PURE__ */ e("span", { className: "min-w-0 flex-1 truncate", children: d }),
+      w,
+      r && /* @__PURE__ */ x(N, { children: [
+        (p ?? t.Children.count(n)) > 0 && /* @__PURE__ */ e("span", { className: "shrink-0 tabular-nums text-xs text-tertiary", children: p ?? t.Children.count(n) }),
         /* @__PURE__ */ e(
-          j,
+          _,
           {
             className: s(
               "text-muted-foreground transition-transform duration-(--duration-fast) motion-reduce:transition-none",
-              n && "rotate-90"
+              l && "rotate-90"
             ),
             strokeWidth: 2
           }
         )
       ] })
     ] });
-    return /* @__PURE__ */ b("div", { ref: I, role: "treeitem", "aria-expanded": t ? n : void 0, "aria-selected": f, className: l, ...C, children: [
-      t ? /* @__PURE__ */ e("button", { type: "button", className: m, onClick: () => R(!n), children: u }) : x ? /* @__PURE__ */ e("a", { href: x, className: m, "aria-current": f ? "page" : void 0, children: u }) : /* @__PURE__ */ e("button", { type: "button", className: m, onClick: y, children: u }),
-      t && n && // ml-4 aligns the rail under the parent icon; each child carries the
+    return /* @__PURE__ */ x("div", { ref: k, role: "treeitem", "aria-expanded": r ? l : void 0, "aria-selected": o, className: i, ...I, children: [
+      r ? /* @__PURE__ */ e("button", { type: "button", className: m, onClick: () => j(!l), children: b }) : g ? /* @__PURE__ */ e("a", { href: g, className: m, "aria-current": o ? "page" : void 0, children: b }) : /* @__PURE__ */ e("button", { type: "button", className: m, onClick: C, children: b }),
+      r && l && // ml-4 aligns the rail under the parent icon; each child carries the
       // elbow (before) + rail continuation (after), hidden on the last.
-      /* @__PURE__ */ e("div", { role: "group", className: "ml-4", children: r.Children.map(o, (a) => /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { role: "group", className: "ml-4 flex flex-col gap-0.5", children: t.Children.map(n, (a) => /* @__PURE__ */ e(
         "div",
         {
           className: s(
@@ -79,8 +82,8 @@ const z = r.forwardRef(
     ] });
   }
 );
-z.displayName = "TreeItem";
+V.displayName = "TreeItem";
 export {
-  _ as Tree,
-  z as TreeItem
+  S as Tree,
+  V as TreeItem
 };

package/components/typography.d.ts

@@ -11,7 +11,7 @@ declare const textSizes: {
 };
 declare const textWeights: {
     readonly regular: "font-normal";
-    readonly bold: "font-bold";
+    readonly bold: "font-semibold";
 };
 declare const textColors: {
     readonly primary: "text-primary";

package/components/typography.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import * as m from "react";
-import { cn as x } from "../lib/cn.js";
+import { jsx as n } from "react/jsx-runtime";
+import * as i from "react";
+import { cn as c } from "../lib/cn.js";
 const p = {
-  1: { tag: "h1", className: "text-2xl font-bold tracking-tight" },
-  2: { tag: "h2", className: "text-xl font-bold tracking-tight" },
-  3: { tag: "h3", className: "text-lg font-bold" },
-  4: { tag: "h4", className: "text-base font-bold" }
-}, y = m.forwardRef(
-  ({ className: e, level: a = 1, children: t, ...o }, s) => {
-    const { tag: r, className: l } = p[a];
-    return /* @__PURE__ */ c(r, { ref: s, className: x(l, e), ...o, children: t });
+  1: { tag: "h1", className: "text-2xl font-semibold tracking-tight" },
+  2: { tag: "h2", className: "text-xl font-semibold tracking-tight" },
+  3: { tag: "h3", className: "text-lg font-semibold" },
+  4: { tag: "h4", className: "text-base font-semibold" }
+}, y = i.forwardRef(
+  ({ className: e, level: s = 1, children: t, ...o }, a) => {
+    const { tag: r, className: l } = p[s];
+    return /* @__PURE__ */ n(r, { ref: a, className: c(l, e), ...o, children: t });
   }
 );
 y.displayName = "Heading";
@@ -21,40 +21,40 @@ const N = {
   lg: "text-lg"
 }, b = {
   regular: "font-normal",
-  bold: "font-bold"
-}, n = {
+  bold: "font-semibold"
+}, m = {
   primary: "text-primary",
   secondary: "text-secondary",
   tertiary: "text-tertiary"
-}, u = m.forwardRef(
-  ({ className: e, size: a = "md", color: t, muted: o = !1, weight: s, as: r = "p", children: l, ...d }, i) => {
-    const g = r, f = t ? n[t] : o ? n.tertiary : n.primary;
-    return /* @__PURE__ */ c(
+}, u = i.forwardRef(
+  ({ className: e, size: s = "md", color: t, muted: o = !1, weight: a, as: r = "p", children: l, ...x }, d) => {
+    const g = r, f = t ? m[t] : o ? m.tertiary : m.primary;
+    return /* @__PURE__ */ n(
       g,
       {
-        ref: i,
-        className: x(
-          N[a],
-          s && b[s],
+        ref: d,
+        className: c(
+          N[s],
+          a && b[a],
           f,
           e
         ),
-        ...d,
+        ...x,
         children: l
       }
     );
   }
 );
 u.displayName = "Text";
-const h = m.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ c(
+const h = i.forwardRef(({ className: e, ...s }, t) => /* @__PURE__ */ n(
   "code",
   {
     ref: t,
-    className: x(
+    className: c(
       "rounded bg-muted px-1.5 py-0.5 tabular-nums text-xs",
       e
     ),
-    ...a
+    ...s
   }
 ));
 h.displayName = "Code";