@actioneer/ads 0.5.6 → 0.5.8

package/components/drawer.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { jsx as i, jsxs as v } from "react/jsx-runtime";
 import * as a from "react";
-import { createPortal as E } from "react-dom";
-import { MotionConfig as y, AnimatePresence as p, motion as v } from "motion/react";
+import { createPortal as D } from "react-dom";
+import { MotionConfig as p, AnimatePresence as b, motion as h } from "motion/react";
 import { Close as R } from "../lib/icons.js";
-import { cva as j } from "class-variance-authority";
+import { cva as E } from "class-variance-authority";
 import { cn as o } from "../lib/cn.js";
-import { drawerExitTransition as b, drawerOffset as m, drawerEnterTransition as z, drawerBackdropVariants as F } from "../lib/motion.js";
-const N = j(
+import { springSheet as f, drawerOffset as u, drawerBackdropVariants as j } from "../lib/motion.js";
+const z = E(
   [
     "relative flex flex-col",
     "bg-elevated text-foreground",
@@ -43,16 +43,16 @@ const N = j(
     ],
     defaultVariants: { side: "right", size: "md" }
   }
-), A = {
+), F = {
   right: "justify-end items-stretch",
   left: "justify-start items-stretch",
   bottom: "justify-center items-end"
 };
-function k({
+function N({
   onClick: t,
   className: e
 }) {
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ i(
     "button",
     {
       type: "button",
@@ -60,49 +60,49 @@ function k({
       "aria-label": "Close",
       className: o(
         "absolute inline-flex size-8 items-center justify-center",
-        "rounded-md text-muted-foreground",
-        "transition-[background,color,transform] duration-(--duration-fast) ease-out hover:bg-muted hover:text-foreground",
-        "active:scale-(--scale-press)",
+        "rounded-sm text-muted-foreground",
+        "transition-[background,color,transform] duration-150 ease-out motion-reduce:transition-none hover:bg-muted hover:text-foreground",
+        "active:scale-[0.97] motion-reduce:active:scale-100",
         "outline-none focus-visible:ring-3 focus-visible:ring-ring",
         "[&_svg]:size-4 [&_svg]:shrink-0",
         e
       ),
-      children: /* @__PURE__ */ r(R, { "aria-hidden": !0 })
+      children: /* @__PURE__ */ i(R, { "aria-hidden": !0 })
     }
   );
 }
-function G({
+function q({
   open: t,
   onOpenChange: e,
-  side: s,
-  size: u,
-  className: w,
-  children: x
+  side: r,
+  size: w,
+  className: x,
+  children: g
 }) {
-  const l = s ?? "right", n = a.useRef(null), d = a.useRef(null);
+  const l = r ?? "right", n = a.useRef(null), d = a.useRef(null);
   return a.useEffect(() => {
     if (!t) return;
     d.current = document.activeElement;
     const c = document.body.style.overflow;
     document.body.style.overflow = "hidden";
-    const f = (i) => {
-      i.key === "Escape" && (i.stopPropagation(), e(!1));
+    const m = (s) => {
+      s.key === "Escape" && (s.stopPropagation(), e(!1));
     };
-    document.addEventListener("keydown", f);
-    const D = requestAnimationFrame(() => {
-      var i;
-      (i = n.current) == null || i.focus();
+    document.addEventListener("keydown", m);
+    const k = requestAnimationFrame(() => {
+      var s;
+      (s = n.current) == null || s.focus();
     });
     return () => {
-      var i, h;
-      document.removeEventListener("keydown", f), document.body.style.overflow = c, cancelAnimationFrame(D), (h = (i = d.current) == null ? void 0 : i.focus) == null || h.call(i);
+      var s, y;
+      document.removeEventListener("keydown", m), document.body.style.overflow = c, cancelAnimationFrame(k), (y = (s = d.current) == null ? void 0 : s.focus) == null || y.call(s);
     };
-  }, [t, e]), E(
-    /* @__PURE__ */ r(y, { reducedMotion: "user", children: /* @__PURE__ */ r(p, { children: t && /* @__PURE__ */ g("div", { className: o("fixed inset-0 z-50 flex", A[l]), children: [
-      /* @__PURE__ */ r(
-        v.div,
+  }, [t, e]), D(
+    /* @__PURE__ */ i(p, { reducedMotion: "user", children: /* @__PURE__ */ i(b, { children: t && /* @__PURE__ */ v("div", { className: o("fixed inset-0 z-50 flex", F[l]), children: [
+      /* @__PURE__ */ i(
+        h.div,
         {
-          variants: F,
+          variants: j,
           initial: "hidden",
           animate: "visible",
           exit: "hidden",
@@ -112,26 +112,26 @@ function G({
         },
         "backdrop"
       ),
-      /* @__PURE__ */ g(
-        v.div,
+      /* @__PURE__ */ v(
+        h.div,
         {
           ref: n,
-          initial: m[l],
-          animate: { transform: "translate3d(0, 0, 0)", transition: z },
-          exit: { ...m[l], transition: b },
+          initial: u[l],
+          animate: { transform: "translate3d(0, 0, 0)", opacity: 1, transition: f },
+          exit: { ...u[l], transition: f },
           role: "dialog",
           "aria-modal": "true",
           tabIndex: -1,
-          className: o(N({ side: l, size: u }), "relative outline-none", w),
+          className: o(z({ side: l, size: w }), "relative outline-none", x),
           children: [
-            /* @__PURE__ */ r(
-              k,
+            /* @__PURE__ */ i(
+              N,
               {
                 onClick: () => e(!1),
                 className: "right-4 top-4"
               }
             ),
-            x
+            g
           ]
         },
         "panel"
@@ -140,81 +140,82 @@ function G({
     document.body
   );
 }
-function B({
+function A({
   open: t,
   onOpenChange: e,
-  side: s,
-  size: u,
-  className: w,
-  children: x,
+  side: r,
+  size: w,
+  className: x,
+  children: g,
   "aria-label": l
 }) {
-  const n = s ?? "right", d = a.useRef(null);
+  const n = r ?? "right", d = a.useRef(null);
   return a.useEffect(() => {
     if (!t) return;
-    const c = (f) => {
-      f.key === "Escape" && e(!1);
+    const c = (m) => {
+      m.key === "Escape" && e(!1);
     };
     return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
-  }, [t, e]), /* @__PURE__ */ r(y, { reducedMotion: "user", children: /* @__PURE__ */ r(p, { initial: !1, children: t && /* @__PURE__ */ g(
-    v.aside,
+  }, [t, e]), /* @__PURE__ */ i(p, { reducedMotion: "user", children: /* @__PURE__ */ i(b, { initial: !1, children: t && /* @__PURE__ */ v(
+    h.aside,
     {
       ref: d,
-      initial: m[n],
-      animate: { transform: "translate3d(0, 0, 0)", transition: z },
-      exit: { ...m[n], transition: b },
+      initial: u[n],
+      animate: { transform: "translate3d(0, 0, 0)", opacity: 1, transition: f },
+      exit: { ...u[n], transition: f },
       role: "complementary",
       "aria-label": l,
       className: o(
-        N({ side: n, size: u }),
+        z({ side: n, size: w }),
         "relative shrink-0 overflow-hidden rounded-lg bg-card shadow-none outline-none",
-        w
+        x
       ),
       children: [
-        /* @__PURE__ */ r(
-          k,
+        /* @__PURE__ */ i(
+          N,
           {
             onClick: () => e(!1),
             className: "right-2 top-1"
           }
         ),
-        x
+        g
       ]
     },
     "inline-drawer"
   ) }) });
 }
-const J = B, L = a.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ r(
+const S = A, B = a.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
   "div",
   {
-    ref: s,
+    ref: r,
     className: o("flex flex-col gap-1 px-6 py-4 pr-14", t),
     ...e
   }
 ));
-L.displayName = "DrawerHeader";
-const M = a.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ r(
+B.displayName = "DrawerHeader";
+const L = a.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
   "h2",
   {
-    ref: s,
-    className: o("text-lg font-semibold text-foreground", t),
+    ref: r,
+    className: o("text-lg font-medium text-foreground", t),
     ...e
   }
 ));
-M.displayName = "DrawerTitle";
-const T = a.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ r(
+L.displayName = "DrawerTitle";
+const M = a.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
   "div",
   {
-    ref: s,
+    ref: r,
+    tabIndex: 0,
     className: o("flex-1 overflow-y-auto px-6 py-4 text-xs text-foreground", t),
     ...e
   }
 ));
-T.displayName = "DrawerBody";
-const V = a.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ r(
+M.displayName = "DrawerBody";
+const V = a.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i(
   "div",
   {
-    ref: s,
+    ref: r,
     className: o(
       "flex items-center justify-end gap-2 px-6 py-4",
       t
@@ -224,11 +225,11 @@ const V = a.forwardRef(({ className: t, ...e }, s) => /* @__PURE__ */ r(
 ));
 V.displayName = "DrawerFooter";
 export {
-  B as Drawer,
-  T as DrawerBody,
+  A as Drawer,
+  M as DrawerBody,
   V as DrawerFooter,
-  L as DrawerHeader,
-  M as DrawerTitle,
-  J as InlineDrawer,
-  G as ModalDrawer
+  B as DrawerHeader,
+  L as DrawerTitle,
+  S as InlineDrawer,
+  q as ModalDrawer
 };

package/components/dropdown.d.ts

@@ -18,7 +18,7 @@ export interface DropdownContentProps extends React.HTMLAttributes<HTMLDivElemen
     /** Which side of the trigger the menu opens on. Default below. */
     side?: "top" | "bottom";
     sideOffset?: number;
-    /** Focus the menu surface on open without highlighting its first item. */
+    /** Opt in to focusing the first item when the menu opens. */
     autoFocusFirstItem?: boolean;
 }
 export declare function DropdownContent({ className, align, side, sideOffset, autoFocusFirstItem, children, ...props }: DropdownContentProps): React.ReactPortal;
@@ -26,6 +26,8 @@ export interface DropdownItemProps extends Omit<React.HTMLAttributes<HTMLDivElem
     startContent?: React.ReactNode;
     danger?: boolean;
     disabled?: boolean;
+    /** Keep focus with a newly opened surface instead of returning to the menu trigger. */
+    restoreFocus?: boolean;
     onSelect?: () => void;
 }
 export declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLDivElement>>;

package/components/dropdown.js

@@ -1,31 +1,31 @@
 "use client";
-import { jsxs as C, jsx as w } from "react/jsx-runtime";
-import * as c from "react";
+import { jsxs as L, jsx as v } from "react/jsx-runtime";
+import * as s from "react";
 import { createPortal as I } from "react-dom";
 import { MotionConfig as P, AnimatePresence as z, motion as O } from "motion/react";
-import { cn as D } from "../lib/cn.js";
-import { floatVariants as q } from "../lib/motion.js";
+import { cn as y } from "../lib/cn.js";
+import { menuVariants as q } from "../lib/motion.js";
 import { Ripple as $ } from "./ripple.js";
-const k = (r, t) => `${r === "top" ? "bottom" : "top"} ${t === "start" ? "left" : "right"}`, L = c.createContext(null);
-function R(r) {
-  const t = c.useContext(L);
+const C = (r, t) => `${r === "top" ? "bottom" : "top"} ${t === "start" ? "left" : "right"}`, N = s.createContext(null);
+function k(r) {
+  const t = s.useContext(N);
   if (!t)
     throw new Error(`${r} must be used within a <Dropdown>.`);
   return t;
 }
 function U({ children: r, defaultOpen: t = !1 }) {
-  const [n, d] = c.useState(t), f = c.useRef(null), p = c.useRef(null);
-  return /* @__PURE__ */ w(L.Provider, { value: { open: n, setOpen: d, triggerRef: f, contentRef: p }, children: r });
+  const [n, u] = s.useState(t), l = s.useRef(null), p = s.useRef(null);
+  return /* @__PURE__ */ v(N.Provider, { value: { open: n, setOpen: u, triggerRef: l, contentRef: p }, children: r });
 }
 function V({ children: r }) {
-  const { open: t, setOpen: n, triggerRef: d } = R("DropdownTrigger"), f = r;
-  return c.cloneElement(f, {
-    ref: d,
+  const { open: t, setOpen: n, triggerRef: u } = k("DropdownTrigger"), l = r;
+  return s.cloneElement(l, {
+    ref: u,
     "aria-expanded": t,
     "aria-haspopup": "menu",
     onClick: (p) => {
-      var v, u;
-      (u = (v = f.props).onClick) == null || u.call(v, p), n(!t);
+      var b, a;
+      (a = (b = l.props).onClick) == null || a.call(b, p), n(!t);
     }
   });
 }
@@ -33,78 +33,78 @@ function W({
   className: r,
   align: t = "start",
   side: n = "bottom",
-  sideOffset: d = 6,
-  autoFocusFirstItem: f = !0,
+  sideOffset: u = 6,
+  autoFocusFirstItem: l = !1,
   children: p,
-  ...v
+  ...b
 }) {
-  const { open: u, setOpen: b, triggerRef: m, contentRef: a } = R("DropdownContent"), [i, N] = c.useState(null);
-  c.useLayoutEffect(() => {
-    if (!u) return;
-    const s = m.current;
-    if (!s) return;
+  const { open: a, setOpen: h, triggerRef: g, contentRef: c } = k("DropdownContent"), [f, m] = s.useState(null);
+  s.useLayoutEffect(() => {
+    if (!a) return;
+    const i = g.current;
+    if (!i) return;
     const e = () => {
-      var h, x;
-      const o = s.getBoundingClientRect(), l = ((h = a.current) == null ? void 0 : h.offsetWidth) ?? 0, g = ((x = a.current) == null ? void 0 : x.offsetHeight) ?? 0, y = t === "end" ? o.right - l : o.left, E = n === "top" ? o.top - g - d : o.bottom + d;
-      N({ top: E, left: y });
+      var x, D;
+      const o = i.getBoundingClientRect(), d = ((x = c.current) == null ? void 0 : x.offsetWidth) ?? 0, w = ((D = c.current) == null ? void 0 : D.offsetHeight) ?? 0, E = t === "end" ? o.right - d : o.left, R = n === "top" ? o.top - w - u : o.bottom + u;
+      m({ top: R, left: E });
     };
     return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
       window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
     };
-  }, [u, t, n, d, m, a]), c.useEffect(() => {
-    if (!u) return;
-    const s = requestAnimationFrame(() => {
+  }, [a, t, n, u, g, c]), s.useEffect(() => {
+    if (!a) return;
+    const i = requestAnimationFrame(() => {
       var e, o;
-      if (f) {
-        const l = (e = a.current) == null ? void 0 : e.querySelector(
+      if (l) {
+        const d = (e = c.current) == null ? void 0 : e.querySelector(
           '[role="menuitem"]:not([aria-disabled="true"])'
         );
-        l == null || l.focus();
+        d == null || d.focus();
       } else
-        (o = a.current) == null || o.focus();
+        (o = c.current) == null || o.focus();
     });
-    return () => cancelAnimationFrame(s);
-  }, [u, f, a]), c.useEffect(() => {
-    if (!u) return;
-    const s = (e) => {
-      var l, g;
+    return () => cancelAnimationFrame(i);
+  }, [a, l, c]), s.useEffect(() => {
+    if (!a) return;
+    const i = (e) => {
+      var d, w;
       const o = e.target;
-      (l = a.current) != null && l.contains(o) || (g = m.current) != null && g.contains(o) || b(!1);
+      (d = c.current) != null && d.contains(o) || (w = g.current) != null && w.contains(o) || h(!1);
     };
-    return document.addEventListener("pointerdown", s), () => document.removeEventListener("pointerdown", s);
-  }, [u, b, m, a]);
-  const A = (s) => {
-    var l, g, y, E, h, x;
+    return document.addEventListener("pointerdown", i), () => document.removeEventListener("pointerdown", i);
+  }, [a, h, g, c]);
+  const A = (i) => {
+    var d, w, E, R, x, D;
     const e = Array.from(
-      ((l = a.current) == null ? void 0 : l.querySelectorAll(
+      ((d = c.current) == null ? void 0 : d.querySelectorAll(
         '[role="menuitem"]:not([aria-disabled="true"])'
       )) ?? []
     );
     if (e.length === 0) return;
     const o = e.indexOf(document.activeElement);
-    switch (s.key) {
+    switch (i.key) {
       case "Escape":
-        s.preventDefault(), b(!1), (g = m.current) == null || g.focus();
+        i.preventDefault(), h(!1), (w = g.current) == null || w.focus();
         break;
       case "ArrowDown":
-        s.preventDefault(), (y = e[o < 0 ? 0 : (o + 1) % e.length]) == null || y.focus();
+        i.preventDefault(), (E = e[o < 0 ? 0 : (o + 1) % e.length]) == null || E.focus();
         break;
       case "ArrowUp":
-        s.preventDefault(), (E = e[o < 0 ? e.length - 1 : (o - 1 + e.length) % e.length]) == null || E.focus();
+        i.preventDefault(), (R = e[o < 0 ? e.length - 1 : (o - 1 + e.length) % e.length]) == null || R.focus();
         break;
       case "Home":
-        s.preventDefault(), (h = e[0]) == null || h.focus();
+        i.preventDefault(), (x = e[0]) == null || x.focus();
         break;
       case "End":
-        s.preventDefault(), (x = e[e.length - 1]) == null || x.focus();
+        i.preventDefault(), (D = e[e.length - 1]) == null || D.focus();
         break;
     }
   };
   return I(
-    /* @__PURE__ */ w(P, { reducedMotion: "user", children: /* @__PURE__ */ w(z, { children: u && /* @__PURE__ */ C(
+    /* @__PURE__ */ v(P, { reducedMotion: "user", children: /* @__PURE__ */ v(z, { children: a && /* @__PURE__ */ L(
       O.div,
       {
-        ref: a,
+        ref: c,
         role: "menu",
         tabIndex: -1,
         onKeyDown: A,
@@ -114,19 +114,19 @@ function W({
         exit: "hidden",
         style: {
           position: "fixed",
-          top: (i == null ? void 0 : i.top) ?? 0,
-          left: (i == null ? void 0 : i.left) ?? 0,
-          visibility: i ? "visible" : "hidden",
-          transformOrigin: k(n, t)
+          top: (f == null ? void 0 : f.top) ?? 0,
+          left: (f == null ? void 0 : f.left) ?? 0,
+          visibility: f ? "visible" : "hidden",
+          transformOrigin: C(n, t)
         },
-        className: D(
+        className: y(
           "relative z-50 min-w-44 rounded-lg border border-border bg-elevated p-1",
           "text-foreground shadow-elevation outline-none",
           r
         ),
-        ...v,
+        ...b,
         children: [
-          /* @__PURE__ */ w($, { origin: k(n, t) }),
+          /* @__PURE__ */ v($, { origin: C(n, t) }),
           p
         ]
       }
@@ -134,57 +134,66 @@ function W({
     document.body
   );
 }
-const j = c.forwardRef(
-  ({ className: r, startContent: t, danger: n, disabled: d, onSelect: f, children: p, ...v }, u) => {
-    const { setOpen: b, triggerRef: m } = R("DropdownItem"), a = () => {
-      var i;
-      d || (f == null || f(), b(!1), (i = m.current) == null || i.focus());
+const j = s.forwardRef(
+  ({
+    className: r,
+    startContent: t,
+    danger: n,
+    disabled: u,
+    restoreFocus: l = !0,
+    onSelect: p,
+    children: b,
+    ...a
+  }, h) => {
+    const { setOpen: g, triggerRef: c } = k("DropdownItem"), f = () => {
+      var m;
+      u || (p == null || p(), g(!1), l && ((m = c.current) == null || m.focus()));
     };
-    return /* @__PURE__ */ C(
+    return /* @__PURE__ */ L(
       "div",
       {
-        ref: u,
+        ref: h,
         role: "menuitem",
         tabIndex: -1,
-        "aria-disabled": d || void 0,
-        onClick: a,
-        onKeyDown: (i) => {
-          (i.key === "Enter" || i.key === " ") && (i.preventDefault(), a());
+        "aria-disabled": u || void 0,
+        onClick: f,
+        onKeyDown: (m) => {
+          (m.key === "Enter" || m.key === " ") && (m.preventDefault(), f());
         },
-        className: D(
-          "flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-xs",
-          "outline-none transition-colors duration-(--duration-fast)",
+        className: y(
+          "flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-xs",
+          "outline-none transition-colors duration-150",
           "focus-visible:ring-3 focus-visible:ring-ring",
           n ? "text-danger" : "text-foreground",
-          d ? "pointer-events-none opacity-50" : D("hover:bg-muted focus:bg-muted", n && "hover:bg-danger/10 focus:bg-danger/10"),
+          u ? "pointer-events-none opacity-50" : y("hover:bg-muted focus:bg-muted", n && "hover:bg-danger/10 focus:bg-danger/10"),
           "[&_svg]:size-4 [&_svg]:shrink-0",
           r
         ),
-        ...v,
+        ...a,
         children: [
           t,
-          /* @__PURE__ */ w("span", { className: "flex-1", children: p })
+          /* @__PURE__ */ v("span", { className: "flex-1", children: b })
         ]
       }
     );
   }
 );
 j.displayName = "DropdownItem";
-const H = c.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ w(
+const H = s.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ v(
   "div",
   {
     ref: n,
     role: "separator",
-    className: D("my-1 h-px bg-border", r),
+    className: y("my-1 h-px bg-border", r),
     ...t
   }
 ));
 H.displayName = "DropdownSeparator";
-const K = c.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ w(
+const K = s.forwardRef(({ className: r, ...t }, n) => /* @__PURE__ */ v(
   "div",
   {
     ref: n,
-    className: D(
+    className: y(
       "px-2 py-1.5 text-xs font-normal text-muted-foreground select-none",
       r
     ),

package/components/empty-state.d.ts

@@ -9,7 +9,7 @@ import * as React from "react";
  *
  * Pass one or the other; `illustration` wins when both are present. The
  * built-in illustrations (`EmptyDocuments`, `EmptySearch`, `EmptyConnections`,
- * `EmptyInsights`) share one soft language — warm greige cards, a single Sage
+ * `EmptyInsights`) share one soft language — neutral-gray cards, a single ink
  * accent — and re-theme with the system since every fill flows from a token.
  */
 export interface EmptyStateProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
@@ -30,17 +30,17 @@ export declare function EmptyDocuments({ className }: IllustrationProps): React.
 export declare namespace EmptyDocuments {
     var displayName: string;
 }
-/** No results — a list card with a Sage magnifier searching it. */
+/** No results — a list card with an ink magnifier searching it. */
 export declare function EmptySearch({ className }: IllustrationProps): React.JSX.Element;
 export declare namespace EmptySearch {
     var displayName: string;
 }
-/** No connections / data sources — a small node graph, one Sage add-node. */
+/** No connections / data sources — a small node graph, one ink add-node. */
 export declare function EmptyConnections({ className }: IllustrationProps): React.JSX.Element;
 export declare namespace EmptyConnections {
     var displayName: string;
 }
-/** No insights / data yet — rising bars, the tallest in Sage. */
+/** No insights / data yet — rising bars, the tallest in ink. */
 export declare function EmptyInsights({ className }: IllustrationProps): React.JSX.Element;
 export declare namespace EmptyInsights {
     var displayName: string;

package/components/empty-state.js

@@ -23,7 +23,7 @@ const g = x.forwardRef(
               "p",
               {
                 className: s(
-                  l ? "text-lg font-semibold text-foreground" : "font-normal"
+                  l ? "text-lg font-medium text-foreground" : "font-normal"
                 ),
                 children: n
               }
@@ -126,7 +126,7 @@ function N({ className: r }) {
   ] });
 }
 N.displayName = "EmptySearch";
-function p({ className: r }) {
+function u({ className: r }) {
   return /* @__PURE__ */ t("svg", { viewBox: "0 0 140 120", role: "img", "aria-hidden": !0, className: s(a, r), children: [
     /* @__PURE__ */ e(
       "path",
@@ -153,8 +153,8 @@ function p({ className: r }) {
     )
   ] });
 }
-p.displayName = "EmptyConnections";
-function u({ className: r }) {
+u.displayName = "EmptyConnections";
+function p({ className: r }) {
   return /* @__PURE__ */ t("svg", { viewBox: "0 0 140 120", role: "img", "aria-hidden": !0, className: s(a, r), children: [
     /* @__PURE__ */ e("rect", { x: "34", y: "88", width: "72", height: "3", rx: "1.5", className: "fill-border-strong" }),
     /* @__PURE__ */ e("rect", { x: "40", y: "64", width: "15", height: "24", rx: "3", className: "fill-muted" }),
@@ -162,11 +162,11 @@ function u({ className: r }) {
     /* @__PURE__ */ e("rect", { x: "84", y: "34", width: "15", height: "54", rx: "3", className: "fill-brand" })
   ] });
 }
-u.displayName = "EmptyInsights";
+p.displayName = "EmptyInsights";
 export {
-  p as EmptyConnections,
+  u as EmptyConnections,
   y as EmptyDocuments,
-  u as EmptyInsights,
+  p as EmptyInsights,
   N as EmptySearch,
   g as EmptyState
 };