@actioneer/ads 1.0.8 → 1.0.9

package/components/modal.d.ts

@@ -3,6 +3,7 @@ import * as React from "react";
 declare const panelVariants: (props?: ({
     size?: "xl" | "sm" | "md" | "lg" | "full" | null | undefined;
     position?: "top" | "center" | null | undefined;
+    height?: "content" | "fixed" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ModalProps extends VariantProps<typeof panelVariants> {
     open: boolean;
@@ -34,7 +35,7 @@ export interface ModalProps extends VariantProps<typeof panelVariants> {
  * outside interaction, scroll locking, and focus restoration. ADS owns the
  * geometry, tokens, motion, and composable header/body/footer anatomy.
  */
-export declare function Modal({ open, onOpenChange, size, position, className, children, showCloseButton, closeOnOverlayClick, closeOnEscape, container, initialFocusRef, onAfterClose, onAfterOpen, overlayClassName, viewportClassName, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: ModalProps): React.JSX.Element;
+export declare function Modal({ open, onOpenChange, size, position, height, className, children, showCloseButton, closeOnOverlayClick, closeOnEscape, container, initialFocusRef, onAfterClose, onAfterOpen, overlayClassName, viewportClassName, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, }: ModalProps): React.JSX.Element;
 export declare const ModalClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
 export declare const ModalHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare const ModalTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;

package/components/modal.js

@@ -1,13 +1,13 @@
 "use client";
-import { jsx as t, jsxs as y } from "react/jsx-runtime";
+import { jsx as t, jsxs as g } from "react/jsx-runtime";
 import * as r from "react";
-import { MotionConfig as T, AnimatePresence as B, motion as g } from "motion/react";
-import { Dialog as m } from "radix-ui";
-import { cva as H } from "class-variance-authority";
-import { Close as S } from "../lib/icons.js";
+import { MotionConfig as B, AnimatePresence as H, motion as M } from "motion/react";
+import { Dialog as c } from "radix-ui";
+import { cva as S } from "class-variance-authority";
+import { Close as K } from "../lib/icons.js";
 import { cn as n } from "../lib/cn.js";
-import { backdropVariants as K, modalPanelVariants as q } from "../lib/motion.js";
-const A = H(
+import { backdropVariants as q, modalPanelVariants as A } from "../lib/motion.js";
+const F = S(
   [
     "pointer-events-auto relative flex w-full min-w-0 flex-col overflow-hidden",
     "max-h-[calc(100dvh-2rem)] bg-elevated text-foreground outline-none",
@@ -31,58 +31,69 @@ const A = H(
       position: {
         center: "",
         top: ""
+      },
+      /**
+       * `content` hugs its content (confirmations, short prompts). `fixed`
+       * keeps one stable 640px frame for create/edit forms — the header and
+       * footer stay put and ModalBody scrolls (user-mandated, 2026-10-26).
+       */
+      height: {
+        content: "",
+        fixed: "h-[40rem]"
       }
     },
     defaultVariants: {
       size: "md",
-      position: "center"
+      position: "center",
+      height: "content"
     }
   }
-), x = r.createContext(null);
-function M(o) {
-  return r.Children.toArray(o).some((e) => r.isValidElement(e) ? e.type === N ? !0 : M(
+), v = r.createContext(null);
+function w(o) {
+  return r.Children.toArray(o).some((e) => r.isValidElement(e) ? e.type === C ? !0 : w(
     e.props.children
   ) : !1);
 }
-function ee({
+function te({
   open: o,
   onOpenChange: e,
   size: a,
   position: i,
-  className: l,
-  children: d,
-  showCloseButton: C = !0,
-  closeOnOverlayClick: D = !0,
-  closeOnEscape: z = !0,
-  container: I,
-  initialFocusRef: c,
-  onAfterClose: R,
-  onAfterOpen: u,
-  overlayClassName: j,
-  viewportClassName: V,
-  "aria-label": v,
-  "aria-labelledby": k,
-  "aria-describedby": P
+  height: l,
+  className: s,
+  children: m,
+  showCloseButton: D = !0,
+  closeOnOverlayClick: z = !0,
+  closeOnEscape: I = !0,
+  container: R,
+  initialFocusRef: u,
+  onAfterClose: j,
+  onAfterOpen: f,
+  overlayClassName: V,
+  viewportClassName: k,
+  "aria-label": h,
+  "aria-labelledby": P,
+  "aria-describedby": _
 }) {
-  const b = r.useRef(null), f = r.useId(), p = r.useId(), _ = r.useMemo(
-    () => M(d),
-    [d]
-  ), E = r.useMemo(
-    () => ({ titleId: f, descriptionId: p }),
-    [p, f]
+  const b = r.useRef(null), p = r.useId(), x = r.useId(), E = r.useMemo(
+    () => w(m),
+    [m]
+  ), T = r.useMemo(
+    () => ({ titleId: p, descriptionId: x }),
+    [x, p]
   );
-  return /* @__PURE__ */ t(m.Root, { open: o, onOpenChange: e, children: /* @__PURE__ */ t(x.Provider, { value: E, children: /* @__PURE__ */ t(T, { reducedMotion: "user", children: /* @__PURE__ */ t(B, { initial: !1, onExitComplete: R, children: o ? /* @__PURE__ */ y(m.Portal, { forceMount: !0, container: I ?? void 0, children: [
-    /* @__PURE__ */ t(m.Overlay, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ t(
-      g.div,
+  return /* @__PURE__ */ t(c.Root, { open: o, onOpenChange: e, children: /* @__PURE__ */ t(v.Provider, { value: T, children: /* @__PURE__ */ t(B, { reducedMotion: "user", children: /* @__PURE__ */ t(H, { initial: !1, onExitComplete: j, children: o ? /* @__PURE__ */ g(c.Portal, { forceMount: !0, container: R ?? void 0, children: [
+    /* @__PURE__ */ t(c.Overlay, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ t(
+      M.div,
       {
         "data-slot": "modal-overlay",
-        variants: K,
+        variants: q,
         initial: "hidden",
         animate: "visible",
         exit: "hidden",
         className: n(
           "fixed inset-0 z-50 bg-overlay",
-          j
+          V
         )
       },
       "modal-overlay"
@@ -95,47 +106,47 @@ function ee({
           "pointer-events-none fixed inset-0 z-50 grid overflow-y-auto p-4",
           i === "top" ? "place-items-start justify-items-center pt-[max(1rem,8dvh)]" : "place-items-center",
           "max-sm:p-2",
-          V
+          k
         ),
         children: /* @__PURE__ */ t(
-          m.Content,
+          c.Content,
           {
             forceMount: !0,
             asChild: !0,
-            "aria-label": v,
-            "aria-labelledby": k ?? (v ? void 0 : f),
-            "aria-describedby": P ?? (_ ? p : void 0),
-            onEscapeKeyDown: (s) => {
-              z || s.preventDefault();
+            "aria-label": h,
+            "aria-labelledby": P ?? (h ? void 0 : p),
+            "aria-describedby": _ ?? (E ? x : void 0),
+            onEscapeKeyDown: (d) => {
+              I || d.preventDefault();
             },
-            onPointerDownOutside: (s) => {
-              D || s.preventDefault();
+            onPointerDownOutside: (d) => {
+              z || d.preventDefault();
             },
-            onOpenAutoFocus: (s) => {
-              var h;
-              s.preventDefault(), (h = (c == null ? void 0 : c.current) ?? b.current) == null || h.focus();
+            onOpenAutoFocus: (d) => {
+              var y;
+              d.preventDefault(), (y = (u == null ? void 0 : u.current) ?? b.current) == null || y.focus();
             },
-            onFocusOutside: (s) => s.preventDefault(),
-            children: /* @__PURE__ */ y(
-              g.div,
+            onFocusOutside: (d) => d.preventDefault(),
+            children: /* @__PURE__ */ g(
+              M.div,
               {
                 ref: b,
                 "data-slot": "modal",
                 tabIndex: -1,
-                variants: q,
+                variants: A,
                 initial: "hidden",
                 animate: "visible",
                 exit: "hidden",
-                onAnimationComplete: (s) => {
-                  s === "visible" && (u == null || u());
+                onAnimationComplete: (d) => {
+                  d === "visible" && (f == null || f());
                 },
                 className: n(
-                  A({ size: a, position: i }),
-                  l
+                  F({ size: a, position: i, height: l }),
+                  s
                 ),
                 children: [
-                  C ? /* @__PURE__ */ t(w, {}) : null,
-                  d
+                  D ? /* @__PURE__ */ t(N, {}) : null,
+                  m
                 ]
               },
               "modal-panel"
@@ -146,7 +157,7 @@ function ee({
     )
   ] }) : null }) }) }) });
 }
-const w = r.forwardRef(({ className: o, children: e, "aria-label": a = "Close", ...i }, l) => /* @__PURE__ */ t(m.Close, { asChild: !0, children: /* @__PURE__ */ t(
+const N = r.forwardRef(({ className: o, children: e, "aria-label": a = "Close", ...i }, l) => /* @__PURE__ */ t(c.Close, { asChild: !0, children: /* @__PURE__ */ t(
   "button",
   {
     ref: l,
@@ -163,11 +174,11 @@ const w = r.forwardRef(({ className: o, children: e, "aria-label": a = "Close",
       o
     ),
     ...i,
-    children: e ?? /* @__PURE__ */ t(S, { "aria-hidden": !0 })
+    children: e ?? /* @__PURE__ */ t(K, { "aria-hidden": !0 })
   }
 ) }));
-w.displayName = "ModalClose";
-const F = r.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ t(
+N.displayName = "ModalClose";
+const G = r.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ t(
   "div",
   {
     ref: a,
@@ -179,36 +190,36 @@ const F = r.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ t(
     ...e
   }
 ));
-F.displayName = "ModalHeader";
-const G = r.forwardRef(({ className: o, id: e, ...a }, i) => {
-  const l = r.useContext(x), d = n(
+G.displayName = "ModalHeader";
+const J = r.forwardRef(({ className: o, id: e, ...a }, i) => {
+  const l = r.useContext(v), s = n(
     "text-l font-semibold leading-5 text-foreground",
     o
   );
   return l ? /* @__PURE__ */ t(
-    m.Title,
+    c.Title,
     {
       ref: i,
       id: e ?? l.titleId,
       "data-slot": "modal-title",
-      className: d,
+      className: s,
       ...a
     }
-  ) : /* @__PURE__ */ t("h2", { ref: i, id: e, className: d, ...a });
+  ) : /* @__PURE__ */ t("h2", { ref: i, id: e, className: s, ...a });
 });
-G.displayName = "ModalTitle";
-const N = r.forwardRef(({ className: o, id: e, ...a }, i) => {
-  const l = r.useContext(x), d = n(
+J.displayName = "ModalTitle";
+const C = r.forwardRef(({ className: o, id: e, ...a }, i) => {
+  const l = r.useContext(v), s = n(
     "text-sm leading-5 text-muted-foreground",
     o
   );
   return l ? /* @__PURE__ */ t(
-    m.Description,
+    c.Description,
     {
       ref: i,
       id: e ?? l.descriptionId,
       "data-slot": "modal-description",
-      className: d,
+      className: s,
       ...a
     }
   ) : /* @__PURE__ */ t(
@@ -216,13 +227,13 @@ const N = r.forwardRef(({ className: o, id: e, ...a }, i) => {
     {
       ref: i,
       id: e,
-      className: d,
+      className: s,
       ...a
     }
   );
 });
-N.displayName = "ModalDescription";
-const J = r.forwardRef(
+C.displayName = "ModalDescription";
+const O = r.forwardRef(
   ({ className: o, padding: e = "default", ...a }, i) => /* @__PURE__ */ t(
     "div",
     {
@@ -237,8 +248,8 @@ const J = r.forwardRef(
     }
   )
 );
-J.displayName = "ModalBody";
-const O = r.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ t(
+O.displayName = "ModalBody";
+const Q = r.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ t(
   "div",
   {
     ref: a,
@@ -250,8 +261,8 @@ const O = r.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ t(
     ...e
   }
 ));
-O.displayName = "ModalSection";
-const Q = r.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ t(
+Q.displayName = "ModalSection";
+const U = r.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ t(
   "div",
   {
     ref: a,
@@ -264,14 +275,14 @@ const Q = r.forwardRef(({ className: o, ...e }, a) => /* @__PURE__ */ t(
     ...e
   }
 ));
-Q.displayName = "ModalFooter";
+U.displayName = "ModalFooter";
 export {
-  ee as Modal,
-  J as ModalBody,
-  w as ModalClose,
-  N as ModalDescription,
-  Q as ModalFooter,
-  F as ModalHeader,
-  O as ModalSection,
-  G as ModalTitle
+  te as Modal,
+  O as ModalBody,
+  N as ModalClose,
+  C as ModalDescription,
+  U as ModalFooter,
+  G as ModalHeader,
+  Q as ModalSection,
+  J as ModalTitle
 };

package/components/popover.d.ts

@@ -1,9 +1,14 @@
 import * as React from "react";
 export interface PopoverProps {
     children: React.ReactNode;
+    /** Uncontrolled initial state. */
     defaultOpen?: boolean;
+    /** Controlled open state — pair with `onOpenChange`. */
+    open?: boolean;
+    /** Called whenever the trigger, Escape, or an outside press changes the state. */
+    onOpenChange?: (open: boolean) => void;
 }
-export declare function Popover({ children, defaultOpen }: PopoverProps): React.JSX.Element;
+export declare function Popover({ children, defaultOpen, open: openProp, onOpenChange, }: PopoverProps): React.JSX.Element;
 export interface PopoverTriggerProps {
     children: React.ReactElement;
 }

package/components/popover.js

@@ -1,99 +1,109 @@
 "use client";
-import { jsx as g, jsxs as C } from "react/jsx-runtime";
-import * as n from "react";
-import { createPortal as y } from "react-dom";
-import { MotionConfig as L, AnimatePresence as R, motion as k } from "motion/react";
+import { jsx as b, jsxs as y } from "react/jsx-runtime";
+import * as r from "react";
+import { createPortal as L } from "react-dom";
+import { MotionConfig as R, AnimatePresence as k, motion as C } from "motion/react";
 import { cn as z } from "../lib/cn.js";
-import { floatVariants as O } from "../lib/motion.js";
-import { Ripple as j } from "./ripple.js";
+import { floatVariants as j } from "../lib/motion.js";
+import { Ripple as A } from "./ripple.js";
 const x = {
   start: "top left",
   center: "top",
   end: "top right"
-}, P = n.createContext(null);
-function E(i) {
-  const e = n.useContext(P);
+}, E = r.createContext(null);
+function P(d) {
+  const e = r.useContext(E);
   if (!e)
-    throw new Error(`${i} must be used within a <Popover>.`);
+    throw new Error(`${d} must be used within a <Popover>.`);
   return e;
 }
-function W({ children: i, defaultOpen: e = !1 }) {
-  const [c, a] = n.useState(e), d = n.useRef(null);
-  return /* @__PURE__ */ g(P.Provider, { value: { open: c, setOpen: a, triggerRef: d }, children: i });
+function K({
+  children: d,
+  defaultOpen: e = !1,
+  open: n,
+  onOpenChange: i
+}) {
+  const [u, m] = r.useState(e), t = n ?? u, s = r.useCallback(
+    (a) => {
+      n === void 0 && m(a), i == null || i(a);
+    },
+    [n, i]
+  ), f = r.useRef(null);
+  return /* @__PURE__ */ b(E.Provider, { value: { open: t, setOpen: s, triggerRef: f }, children: d });
 }
-function K({ children: i }) {
-  const { open: e, setOpen: c, triggerRef: a } = E("PopoverTrigger"), d = i;
-  return n.cloneElement(d, {
-    ref: a,
+function N({ children: d }) {
+  const { open: e, setOpen: n, triggerRef: i } = P("PopoverTrigger"), u = d;
+  return r.cloneElement(u, {
+    ref: i,
     "aria-expanded": e,
     "aria-haspopup": !0,
-    onClick: (w) => {
-      var r, u;
-      (u = (r = d.props).onClick) == null || u.call(r, w), c(!e);
+    onClick: (m) => {
+      var t, s;
+      (s = (t = u.props).onClick) == null || s.call(t, m), n(!e);
     }
   });
 }
-function N({
-  className: i,
+function U({
+  className: d,
   align: e = "start",
-  sideOffset: c = 8,
-  children: a,
-  "aria-label": d = "Popover",
-  ...w
+  sideOffset: n = 8,
+  children: i,
+  "aria-label": u = "Popover",
+  ...m
 }) {
-  const { open: r, setOpen: u, triggerRef: v } = E("PopoverContent"), h = n.useRef(null), [s, b] = n.useState(null);
-  return n.useLayoutEffect(() => {
-    if (!r) return;
-    const f = v.current;
-    if (!f) return;
-    const o = () => {
-      var m;
-      const t = f.getBoundingClientRect(), p = ((m = h.current) == null ? void 0 : m.offsetWidth) ?? 0;
-      let l = t.left;
-      e === "center" ? l = t.left + t.width / 2 - p / 2 : e === "end" && (l = t.right - p), b({ top: t.bottom + c, left: l });
+  const { open: t, setOpen: s, triggerRef: f } = P("PopoverContent"), a = r.useRef(null), [l, h] = r.useState(null);
+  return r.useLayoutEffect(() => {
+    if (!t) return;
+    const v = f.current;
+    if (!v) return;
+    const c = () => {
+      var g;
+      const o = v.getBoundingClientRect(), w = ((g = a.current) == null ? void 0 : g.offsetWidth) ?? 0;
+      let p = o.left;
+      e === "center" ? p = o.left + o.width / 2 - w / 2 : e === "end" && (p = o.right - w), h({ top: o.bottom + n, left: p });
     };
-    return o(), window.addEventListener("resize", o), window.addEventListener("scroll", o, !0), () => {
-      window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0);
+    return c(), window.addEventListener("resize", c), window.addEventListener("scroll", c, !0), () => {
+      window.removeEventListener("resize", c), window.removeEventListener("scroll", c, !0);
     };
-  }, [r, e, c, v]), n.useEffect(() => {
-    if (!r) return;
-    const f = (t) => {
-      t.key === "Escape" && u(!1);
-    }, o = (t) => {
-      var l, m;
-      const p = t.target;
-      (l = h.current) != null && l.contains(p) || (m = v.current) != null && m.contains(p) || u(!1);
+  }, [t, e, n, f]), r.useEffect(() => {
+    if (!t) return;
+    const v = (o) => {
+      o.key === "Escape" && s(!1);
+    }, c = (o) => {
+      var p, g;
+      const w = o.target;
+      (p = a.current) != null && p.contains(w) || (g = f.current) != null && g.contains(w) || s(!1);
     };
-    return document.addEventListener("keydown", f), document.addEventListener("pointerdown", o), () => {
-      document.removeEventListener("keydown", f), document.removeEventListener("pointerdown", o);
+    return document.addEventListener("keydown", v), document.addEventListener("pointerdown", c), () => {
+      document.removeEventListener("keydown", v), document.removeEventListener("pointerdown", c);
     };
-  }, [r, u, v]), y(
-    /* @__PURE__ */ g(L, { reducedMotion: "user", children: /* @__PURE__ */ g(R, { children: r && /* @__PURE__ */ C(
-      k.div,
+  }, [t, s, f]), L(
+    /* @__PURE__ */ b(R, { reducedMotion: "user", children: /* @__PURE__ */ b(k, { children: t && /* @__PURE__ */ y(
+      C.div,
       {
-        ref: h,
+        ref: a,
         role: "dialog",
-        "aria-label": d,
-        variants: O,
+        "aria-label": u,
+        variants: j,
         initial: "hidden",
         animate: "visible",
         exit: "hidden",
         style: {
           position: "fixed",
-          top: (s == null ? void 0 : s.top) ?? 0,
-          left: (s == null ? void 0 : s.left) ?? 0,
-          visibility: s ? "visible" : "hidden",
+          top: (l == null ? void 0 : l.top) ?? 0,
+          left: (l == null ? void 0 : l.left) ?? 0,
+          visibility: l ? "visible" : "hidden",
           transformOrigin: x[e]
         },
         className: z(
           "relative z-50 min-w-44 rounded-lg border border-border bg-elevated p-3",
           "text-xs text-foreground",
-          i
+          d
         ),
-        ...w,
+        ...m,
         children: [
-          /* @__PURE__ */ g(j, { origin: x[e] }),
-          a
+          /* @__PURE__ */ b(A, { origin: x[e] }),
+          i
         ]
       }
     ) }) }),
@@ -101,7 +111,7 @@ function N({
   );
 }
 export {
-  W as Popover,
-  N as PopoverContent,
-  K as PopoverTrigger
+  K as Popover,
+  U as PopoverContent,
+  N as PopoverTrigger
 };

package/components/sidebar.d.ts

@@ -63,6 +63,21 @@ export interface SidebarBrandProps extends React.HTMLAttributes<HTMLDivElement>
  * `SidebarHeader`.
  */
 export declare function SidebarBrand({ logo, href, label, showTrigger, children, className, ...props }: SidebarBrandProps): React.JSX.Element;
+export interface SidebarWorkspaceProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Customer workspace name. Also the logo's alt text and the tile initial. */
+    name: string;
+    /** Customer logo URL. Without it, a WG12 letter tile shows the initial. */
+    logoSrc?: string;
+    /** Show the name beside the mark. Always hidden in the collapsed rail. Default true. */
+    showName?: boolean;
+}
+/**
+ * Customer workspace branding for the rail's top-left brand slot: a 32px
+ * customer logo (or a WG12 letter tile when no logo is given) and the
+ * workspace name, which truncates and hides in the collapsed rail. Pass it as
+ * `SidebarBrand`'s `logo`.
+ */
+export declare const SidebarWorkspace: React.ForwardRefExoticComponent<SidebarWorkspaceProps & React.RefAttributes<HTMLSpanElement>>;
 export declare const SidebarHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export declare const SidebarNav: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
 export interface SidebarSectionProps extends React.HTMLAttributes<HTMLDivElement> {