@actioneer/ads 0.8.0 → 1.0.1

package/components/infinite-canvas.js

@@ -7,7 +7,7 @@ import "@xyflow/react/dist/style.css";
 import { cn as W } from "../lib/cn.js";
 import { Minus as q, Plus as J, Maximize as Q, Magnet as X } from "../lib/icons.js";
 import { Button as a } from "./button.js";
-const x = 16, Y = 1.2, $ = [x, x], ee = 1.4, w = 18, oe = 2, te = [8, 4], re = 11, I = 150, ae = 200, ne = 0.28, R = "var(--canvas-edge)";
+const x = 16, Y = 1.2, $ = [x, x], ee = 1.4, w = 18, oe = 2, te = [8, 4], re = "var(--text-xs)", I = 150, ae = 200, ne = 0.28, R = "var(--canvas-edge)";
 function v(o) {
   return typeof window > "u" || !window.matchMedia ? o : window.matchMedia("(prefers-reduced-motion: reduce)").matches ? 0 : o;
 }

package/components/modal.js

@@ -182,7 +182,7 @@ const F = r.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ t(
 F.displayName = "ModalHeader";
 const G = r.forwardRef(({ className: o, id: e, ...a }, i) => {
   const l = r.useContext(x), d = n(
-    "text-[15px] font-semibold leading-5 text-foreground",
+    "text-l font-semibold leading-5 text-foreground",
     o
   );
   return l ? /* @__PURE__ */ t(

package/components/page-header.js

@@ -37,7 +37,7 @@ const x = o.forwardRef(
             }
           ),
           /* @__PURE__ */ t("div", { className: "min-w-0", children: [
-            /* @__PURE__ */ e("h1", { className: "flex min-h-8 items-center text-xl font-medium tracking-tight text-foreground", children: s }),
+            /* @__PURE__ */ e("h1", { className: "flex min-h-8 items-center text-2xl font-medium tracking-tight text-foreground", children: s }),
             r && /* @__PURE__ */ e("p", { className: "mt-1 max-w-2xl text-xs text-muted-foreground", children: r })
           ] })
         ] }),

package/components/search-disclosure.d.ts

@@ -0,0 +1,18 @@
+import { HTMLMotionProps } from 'motion/react';
+import * as React from "react";
+export interface SearchDisclosureProps extends Omit<HTMLMotionProps<"div">, "onChange"> {
+    value: string;
+    onValueChange: (value: string) => void;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placeholder?: string;
+    inputLabel?: string;
+    triggerLabel?: string;
+}
+/**
+ * A compact search action that reveals an inline field from its anchored right
+ * edge. The field keeps its full width while the container clips it, avoiding
+ * squeezed text and malformed borders during the disclosure spring.
+ */
+export declare const SearchDisclosure: React.ForwardRefExoticComponent<Omit<SearchDisclosureProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/components/search-disclosure.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import * as o from "react";
+import { MotionConfig as S, motion as n, AnimatePresence as g } from "motion/react";
+import { Close as k, Search as u } from "../lib/icons.js";
+import { springDisclosure as s } from "../lib/motion.js";
+import { cn as D } from "../lib/cn.js";
+import { Button as C } from "./button.js";
+import { Input as z } from "./input.js";
+import { Tooltip as j } from "./tooltip.js";
+const I = o.forwardRef(
+  ({
+    className: f,
+    value: c,
+    onValueChange: h,
+    open: l,
+    defaultOpen: p = !1,
+    onOpenChange: t,
+    placeholder: y = "Search…",
+    inputLabel: v = "Search",
+    triggerLabel: m = "Search",
+    ...b
+  }, x) => {
+    const [w, N] = o.useState(p), r = l !== void 0, d = r ? l : w, a = o.useCallback(
+      (i) => {
+        r || N(i), t == null || t(i);
+      },
+      [r, t]
+    );
+    return /* @__PURE__ */ e(S, { reducedMotion: "user", children: /* @__PURE__ */ e(
+      n.div,
+      {
+        ref: x,
+        initial: !1,
+        animate: { width: d ? 256 : 32 },
+        transition: s,
+        className: D("relative h-8 shrink-0 overflow-hidden", f),
+        ...b,
+        children: /* @__PURE__ */ e(g, { initial: !1, mode: "popLayout", children: d ? /* @__PURE__ */ e(
+          n.div,
+          {
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            exit: { opacity: 0 },
+            transition: s,
+            className: "absolute inset-y-0 right-0 w-64",
+            children: /* @__PURE__ */ e(
+              z,
+              {
+                autoFocus: !0,
+                type: "search",
+                size: "sm",
+                className: "w-full",
+                startContent: /* @__PURE__ */ e(u, { "aria-hidden": "true" }),
+                endContent: /* @__PURE__ */ e(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Close search",
+                    onClick: () => a(!1),
+                    className: "-mr-1 inline-flex size-6 items-center justify-center rounded-xs outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring",
+                    children: /* @__PURE__ */ e(k, { "aria-hidden": "true" })
+                  }
+                ),
+                value: c,
+                onChange: (i) => h(i.currentTarget.value),
+                onKeyDown: (i) => {
+                  i.key === "Escape" && (i.preventDefault(), a(!1));
+                },
+                placeholder: y,
+                "aria-label": v
+              }
+            )
+          },
+          "search-field"
+        ) : /* @__PURE__ */ e(
+          n.div,
+          {
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            exit: { opacity: 0 },
+            transition: s,
+            className: "absolute inset-y-0 right-0 w-8",
+            children: /* @__PURE__ */ e(j, { content: m, children: /* @__PURE__ */ e(
+              C,
+              {
+                variant: "outline",
+                size: "icon-sm",
+                "aria-label": m,
+                "data-active": c.trim() || void 0,
+                onClick: () => a(!0),
+                className: "data-[active=true]:text-action-primary-text",
+                children: /* @__PURE__ */ e(u, { "aria-hidden": "true" })
+              }
+            ) })
+          },
+          "search-trigger"
+        ) })
+      }
+    ) });
+  }
+);
+I.displayName = "SearchDisclosure";
+export {
+  I as SearchDisclosure
+};

package/components/sidebar.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import * as s from "react";
-import { MotionConfig as z, motion as _ } from "motion/react";
-import { User as j, PanelLeft as E } from "../lib/icons.js";
+import { MotionConfig as z, motion as j } from "motion/react";
+import { User as _, PanelLeft as E } from "../lib/icons.js";
 import { cn as n } from "../lib/cn.js";
 import { springSidebar as H } from "../lib/motion.js";
 import { Tooltip as I } from "./tooltip.js";
@@ -48,7 +48,7 @@ const K = s.forwardRef(
       [u, h, g]
     );
     return /* @__PURE__ */ r(R.Provider, { value: x, children: /* @__PURE__ */ r(z, { reducedMotion: "user", children: /* @__PURE__ */ r(
-      _.aside,
+      j.aside,
       {
         ref: m,
         "data-collapsed": u ? "true" : "false",
@@ -177,7 +177,7 @@ const A = s.forwardRef(
 A.displayName = "SidebarNav";
 const B = s.forwardRef(
   ({ className: t, label: e, children: a, ...i }, o) => /* @__PURE__ */ c("div", { ref: o, className: t, ...i, children: [
-    e && /* @__PURE__ */ r("div", { className: "mb-1.5 px-3 text-s leading-[var(--text-s--line-height)] font-medium text-on-warm-grey-secondary group-data-[collapsed=true]/sidebar:hidden", children: e }),
+    e && /* @__PURE__ */ r("div", { className: "mb-1.5 px-3 text-s font-normal uppercase leading-4 tracking-wider text-tertiary group-data-[collapsed=true]/sidebar:hidden", children: e }),
     /* @__PURE__ */ r("div", { className: "flex flex-col gap-0.5 group-data-[collapsed=true]/sidebar:gap-2", children: a })
   ] })
 );
@@ -190,17 +190,24 @@ const D = s.forwardRef(
       "aria-current": a ? "page" : void 0,
       title: d ?? (typeof o == "string" ? o : void 0),
       className: n(
-        "flex h-9 items-center gap-2.5 rounded-md border border-transparent px-3 text-m leading-[var(--text-m--line-height)] font-normal text-wg12 transition-colors",
+        "group/sidebar-item flex h-9 items-center gap-2.5 rounded-md border border-transparent px-3 text-m leading-[var(--text-m--line-height)] font-normal text-wg12",
+        "transition-[background-color,border-color,color] duration-150 ease-out motion-reduce:transition-none",
         "outline-none focus-visible:ring-3 focus-visible:ring-ring",
-        "[&_svg]:size-4 [&_svg]:shrink-0",
         // Collapsed: a centered square (--sidebar-item) so every rail item lines up.
         "group-data-[collapsed=true]/sidebar:mx-auto group-data-[collapsed=true]/sidebar:size-(--sidebar-item) group-data-[collapsed=true]/sidebar:justify-center group-data-[collapsed=true]/sidebar:p-0",
-        a ? "border-wg4 bg-card" : "hover:bg-sidebar-accent/60",
+        a ? "bg-sidebar-accent" : "hover:bg-sidebar-accent/60",
         t
       ),
       ...l,
       children: [
-        a && s.isValidElement(e) ? s.cloneElement(e, { weight: "fill" }) : e,
+        e && /* @__PURE__ */ r(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: "flex shrink-0 items-center justify-center transition-transform duration-150 ease-out group-hover/sidebar-item:scale-110 motion-reduce:transition-none motion-reduce:group-hover/sidebar-item:scale-100 [&_svg]:size-4 [&_svg]:shrink-0",
+            children: a && s.isValidElement(e) ? s.cloneElement(e, { weight: "fill" }) : e
+          }
+        ),
         /* @__PURE__ */ r("span", { className: "min-w-0 flex-1 truncate group-data-[collapsed=true]/sidebar:hidden", children: o }),
         i && /* @__PURE__ */ r("span", { className: "shrink-0 group-data-[collapsed=true]/sidebar:hidden", children: i })
       ]
@@ -372,7 +379,7 @@ const P = s.forwardRef(
       children: [
         !o && /* @__PURE__ */ r(L, { size: "sm", name: e, src: i }),
         o && /* @__PURE__ */ r(
-          j,
+          _,
           {
             "aria-hidden": !0,
             className: "hidden size-4 shrink-0 text-muted-foreground group-data-[collapsed=true]/sidebar:block"

package/components/table.d.ts

@@ -81,7 +81,7 @@ export declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttrib
 export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
     /** Stable key for selection (required on body rows to be selectable). */
     rowKey?: string;
-    /** Explicitly marks a row as opening or expanding something. */
+    /** @deprecated Existing visual-only marker. New rows should pass an action via onClick. */
     isInteractive?: boolean;
 }
 export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;