@nadicodeai/ui 9.2.0 → 10.0.0

package/dist/internal/agent-orb.js

@@ -1,5 +1,5 @@
 import { finalizeFrame, MODE_FRAMES, makeProj, radiusScale, resolvePreset, } from "thinking-orbs/engine";
-import { motionPose, paintOrbCue, stateSpeed } from "./agent-orb-motion.js";
+import { motionPose, paintOrbCue, reducedBreath, stateSpeed, } from "./agent-orb-motion.js";
 const agentOrbForms = {
     orbit: "working",
     globe: "searching",
@@ -9,6 +9,17 @@ const agentOrbForms = {
     ribbon: "composing",
     morph: "shaping",
 };
+/**
+ * Presence belongs to the orb, not to the module: two orbs on one page can
+ * want different weights. `plain` is the interface's own ink. `over-picture`
+ * is the orb drawn on a photograph, where the plain weights sink into the
+ * image, so its ink and its dot and line radius are multiplied. Nadia on open
+ * sky keeps `plain`.
+ */
+const presenceWeights = {
+    plain: { alpha: 1, radius: 1 },
+    "over-picture": { alpha: 2.3, radius: 1.9 },
+};
 /**
  * Nadia's four stripes across the ribbon's width, azzurro to rosso. The third
  * is the orb's own pigment, the inherited text colour, so the white of the
@@ -79,7 +90,9 @@ export function stripedRibbonFrame(size, t, opts) {
     }
     return finalizeFrame(dots, [], opts.rMin);
 }
-function paintAgentOrb(context, form, size, seconds, color, state = "idle", age = 0, reduced = false, celebrationColors = [color], stripeColors = [color]) {
+function paintAgentOrb(context, input) {
+    const { form, size, seconds, color, state, age, reduced, breath, celebrationColors, stripeColors, } = input;
+    const presence = presenceWeights[input.presence];
     const preset = resolvePreset(agentOrbForms[form === "nadia" ? "ribbon" : form], size <= 32 ? 20 : 64);
     const frame = form === "nadia"
         ? stripedRibbonFrame(size, seconds, preset.opts)
@@ -98,12 +111,13 @@ function paintAgentOrb(context, form, size, seconds, color, state = "idle", age
             size / 2 + dx * Math.sin(pose.rotation) + dy * Math.cos(pose.rotation) + pose.y * size,
         ];
     };
-    paintOrbCue(context, state, size, gestureSeconds, reduced, celebrationColors, "back");
+    const ink = pose.opacity * breath;
+    paintOrbCue(context, state, size, gestureSeconds, reduced, celebrationColors, "back", breath);
     context.fillStyle = color;
     context.strokeStyle = color;
     for (const line of frame.lines) {
-        context.globalAlpha = Math.min(1, Math.max(0, (1 - line.white) * (line.a ?? 1) * pose.opacity));
-        context.lineWidth = line.w;
+        context.globalAlpha = Math.min(1, Math.max(0, (1 - line.white) * (line.a ?? 1) * ink * presence.alpha));
+        context.lineWidth = line.w * presence.radius;
         context.beginPath();
         context.moveTo(...project(line.x1, line.y1));
         context.lineTo(...project(line.x2, line.y2));
@@ -111,44 +125,71 @@ function paintAgentOrb(context, form, size, seconds, color, state = "idle", age
     }
     for (const dot of frame.dots) {
         context.fillStyle = dot.stripe === undefined ? color : (stripeColors[dot.stripe] ?? color);
-        context.globalAlpha = Math.min(1, Math.max(0, (1 - dot.white) * (dot.a ?? 1) * pose.opacity));
+        context.globalAlpha = Math.min(1, Math.max(0, (1 - dot.white) * (dot.a ?? 1) * ink * presence.alpha));
         context.beginPath();
-        context.arc(...project(dot.x, dot.y), dot.r, 0, Math.PI * 2);
+        context.arc(...project(dot.x, dot.y), dot.r * presence.radius, 0, Math.PI * 2);
         context.fill();
     }
     context.globalAlpha = 1;
-    paintOrbCue(context, state, size, gestureSeconds, reduced, celebrationColors, "front");
+    paintOrbCue(context, state, size, gestureSeconds, reduced, celebrationColors, "front", breath);
 }
-export function mountAgentOrb(canvas, form, size, initiallyPaused, initialState = "idle") {
+export function mountAgentOrb(canvas, options) {
+    const { form, presence = "plain" } = options;
     const context = canvas.getContext("2d");
     if (!context)
         return { destroy() { }, setPaused(_value) { }, setState(_value) { } };
     const motion = window.matchMedia("(prefers-reduced-motion: reduce)");
-    let paused = initiallyPaused;
+    let paused = options.paused ?? false;
     let visible = true;
     let disposed = false;
     let request = 0;
     let seconds = 0.6;
     let age = 0;
-    let state = initialState;
+    let breath = 0;
+    let state = options.state ?? "idle";
     let previous = null;
     let lastPaint = 0;
     let ratio = 1;
+    let painted = options.size;
     let color = getComputedStyle(canvas).color;
     let celebrationColors = [color];
     let stripeColors = [color];
+    /**
+     * The box the orb is displayed at, in CSS pixels. A canvas stretched by
+     * layout reads as pixels unless the engine paints at that size, so the box
+     * decides both the backing store and the engine's density profile; the
+     * declared size only stands in before layout has measured anything.
+     */
+    function measure() {
+        const box = canvas.getBoundingClientRect();
+        const side = Math.min(box.width, box.height);
+        return side > 0 ? side : options.size;
+    }
     function paint() {
         if (!context)
             return;
         context.setTransform(ratio, 0, 0, ratio, 0, 0);
-        paintAgentOrb(context, form, size, seconds, color, state, age, motion.matches, celebrationColors, stripeColors);
+        paintAgentOrb(context, {
+            form,
+            size: painted,
+            seconds,
+            color,
+            state,
+            age,
+            reduced: motion.matches,
+            breath: motion.matches ? reducedBreath(state, breath) : 1,
+            presence,
+            celebrationColors,
+            stripeColors,
+        });
     }
     function running() {
-        return (!disposed &&
-            visible &&
-            !document.hidden &&
-            !motion.matches &&
-            !paused &&
+        if (disposed || !visible || document.hidden || paused)
+            return false;
+        // Reduced motion holds every pose; only a busy orb keeps breathing.
+        if (motion.matches)
+            return state === "thinking" || state === "working";
+        return (state !== "idle" &&
             state !== "waiting" &&
             !(state === "blocked" && age >= 0.3) &&
             !(state === "done" && age >= 1.8));
@@ -159,8 +200,12 @@ export function mountAgentOrb(canvas, form, size, initiallyPaused, initialState
             return;
         if (previous !== null) {
             const elapsed = Math.min((now - previous) / 1000, 0.1);
-            seconds += elapsed * stateSpeed(state, form);
-            age += elapsed * (state === "done" ? 0.575 : 0.2875);
+            if (motion.matches)
+                breath += elapsed;
+            else {
+                seconds += elapsed * stateSpeed(state, form);
+                age += elapsed * (state === "done" ? 0.575 : 0.2875);
+            }
         }
         previous = now;
         if (now - lastPaint >= 1000 / 30) {
@@ -178,9 +223,11 @@ export function mountAgentOrb(canvas, form, size, initiallyPaused, initialState
             request = requestAnimationFrame(tick);
     }
     function refresh() {
-        ratio = Math.min(window.devicePixelRatio || 1, 2);
-        canvas.width = Math.round(size * ratio);
-        canvas.height = Math.round(size * ratio);
+        painted = measure();
+        const backing = Math.max(1, Math.round(painted * Math.min(window.devicePixelRatio || 1, 2)));
+        canvas.width = backing;
+        canvas.height = backing;
+        ratio = backing / painted;
         const appearance = getComputedStyle(canvas);
         color = appearance.color;
         celebrationColors = ["--nc-chart-5", "--nc-chart-6", "--nc-warning", "--nc-chart-4"].map((token) => `color-mix(in oklch, ${appearance.getPropertyValue(token).trim() || color} 75%, white)`);
@@ -199,6 +246,13 @@ export function mountAgentOrb(canvas, form, size, initiallyPaused, initialState
             attributeFilter: ["class", "style", "data-theme"],
         });
     }
+    // Layout, not the declared size, decides the pixels, so the box is observed
+    // rather than remounted on: an orb sized by its container stays sharp.
+    const box = new ResizeObserver(() => {
+        if (Math.abs(measure() - painted) >= 0.5)
+            refresh();
+    });
+    box.observe(canvas);
     motion.addEventListener("change", play);
     document.addEventListener("visibilitychange", play);
     window.addEventListener("resize", refresh);
@@ -207,6 +261,7 @@ export function mountAgentOrb(canvas, form, size, initiallyPaused, initialState
         setState(value) {
             state = value;
             age = 0;
+            breath = 0;
             play();
         },
         setPaused(value) {
@@ -218,6 +273,7 @@ export function mountAgentOrb(canvas, form, size, initiallyPaused, initialState
             cancelAnimationFrame(request);
             visibility.disconnect();
             appearance.disconnect();
+            box.disconnect();
             motion.removeEventListener("change", play);
             document.removeEventListener("visibilitychange", play);
             window.removeEventListener("resize", refresh);

package/dist/internal/assistant-ui/attachment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/attachment.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+C,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAkN7F,eAAO,MAAM,sBAAsB,EAAE,EAMpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAMjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAiBnC,CAAC"}
+{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/attachment.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+C,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAmN7F,eAAO,MAAM,sBAAsB,EAAE,EAMpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAMjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAiBnC,CAAC"}

package/dist/internal/assistant-ui/attachment.js

@@ -1,12 +1,13 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState, isValidElement } from "react";
-import { XIcon, PlusIcon, FileText, Loader2Icon, AlertCircleIcon } from "lucide-react";
+import { XIcon, PlusIcon, FileText, AlertCircleIcon } from "lucide-react";
 import { AttachmentPrimitive, ComposerPrimitive, MessagePrimitive, useAuiState, useAui, } from "@assistant-ui/react";
 import { useShallow } from "zustand/shallow";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../components/tooltip.js";
 import { Dialog, DialogTitle, DialogContent, DialogTrigger } from "../../components/dialog.js";
 import { Avatar, AvatarImage, AvatarFallback } from "../../components/avatar.js";
+import { WaitingLine } from "../../components/waiting-line.js";
 import { TooltipIconButton } from "./tooltip-icon-button.js";
 import { cn } from "../../lib/utils.js";
 const useFileSrc = (file) => {
@@ -77,7 +78,7 @@ const AttachmentUI = () => {
     const errorMessage = useAuiState((s) => s.attachment.status.type === "incomplete" && s.attachment.status.reason === "error"
         ? (s.attachment.status.message ?? "Upload failed")
         : undefined);
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsxs(AttachmentPrimitive.Root, { className: cn("aui-attachment-root relative", isComposer && "nc-transition-opacity", isImage && !isComposer && "aui-attachment-root-message only:*:first:size-24"), children: [_jsx(AttachmentPreviewDialog, { children: _jsxs(TooltipTrigger, { render: _jsx("div", { className: cn("aui-attachment-tile nc-transition-transform relative size-14 cursor-pointer overflow-hidden rounded-[calc(var(--composer-radius)-var(--composer-padding))] bg-muted after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:ring-1 after:ring-border after:ring-inset hover:after:bg-foreground/10", isError && "after:ring-destructive/60"), role: "button", tabIndex: 0, "aria-label": `${typeLabel} attachment${isError ? ", upload failed" : isUploading ? ", uploading" : ""}` }), children: [_jsx(AttachmentThumb, {}), isUploading && (_jsx("div", { "aria-hidden": "true", className: "aui-attachment-tile-uploading nc-transition-opacity absolute inset-0 flex items-center justify-center bg-background/60 backdrop-blur-[2px]", children: _jsx(Loader2Icon, { className: "size-4 text-muted-foreground motion-safe:animate-spin motion-reduce:animate-pulse" }) })), isError && (_jsx("div", { "aria-hidden": "true", className: "aui-attachment-tile-error nc-transition-opacity absolute inset-0 flex items-center justify-center bg-background/70 backdrop-blur-[2px]", children: _jsx(AlertCircleIcon, { className: "text-destructive size-4" }) }))] }) }), isComposer && _jsx(AttachmentRemove, {})] }), _jsxs(TooltipContent, { side: "top", children: [_jsx(AttachmentPrimitive.Name, {}), errorMessage && _jsx("p", { className: "aui-attachment-error-message", children: errorMessage })] })] }) }));
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsxs(AttachmentPrimitive.Root, { className: cn("aui-attachment-root relative", isComposer && "nc-transition-opacity", isImage && !isComposer && "aui-attachment-root-message only:*:first:size-24"), children: [_jsx(AttachmentPreviewDialog, { children: _jsxs(TooltipTrigger, { render: _jsx("div", { className: cn("aui-attachment-tile nc-transition-transform relative size-14 cursor-pointer overflow-hidden rounded-[calc(var(--composer-radius)-var(--composer-padding))] bg-muted after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:ring-1 after:ring-border after:ring-inset hover:after:bg-foreground/10", isError && "after:ring-destructive/60"), role: "button", tabIndex: 0, "aria-label": `${typeLabel} attachment${isError ? ", upload failed" : isUploading ? ", uploading" : ""}` }), children: [_jsx(AttachmentThumb, {}), isUploading && (_jsx("div", { "aria-hidden": "true", className: "aui-attachment-tile-uploading nc-transition-opacity absolute inset-0 flex items-center justify-center bg-background/60 backdrop-blur-[2px]", children: _jsx(WaitingLine, { className: "w-8 text-muted-foreground", decorative: true }) })), isError && (_jsx("div", { "aria-hidden": "true", className: "aui-attachment-tile-error nc-transition-opacity absolute inset-0 flex items-center justify-center bg-background/70 backdrop-blur-[2px]", children: _jsx(AlertCircleIcon, { className: "text-destructive size-4" }) }))] }) }), isComposer && _jsx(AttachmentRemove, {})] }), _jsxs(TooltipContent, { side: "top", children: [_jsx(AttachmentPrimitive.Name, {}), errorMessage && _jsx("p", { className: "aui-attachment-error-message", children: errorMessage })] })] }) }));
 };
 const AttachmentRemove = () => {
     return (_jsx(AttachmentPrimitive.Remove, { render: _jsx(TooltipIconButton, { tooltip: "Remove file", className: "aui-attachment-tile-remove absolute end-1 top-1 size-5 rounded-full bg-foreground/70! text-background! backdrop-blur-sm after:absolute after:-inset-1.5 hover:bg-foreground/85!", side: "top" }), children: _jsx(XIcon, { className: "aui-attachment-remove-icon size-3 stroke-[2.5]" }) }));

package/dist/internal/assistant-ui/reasoning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reasoning.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/reasoning.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAiB,KAAK,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AAExF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAO/F,QAAA,MAAM,iBAAiB;;8EAWrB,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EACxC,MAAM,GAAG,cAAc,CACxB,GACC,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,YAAY,EAAE,sBAAsB,EACpC,WAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAsDpB;AAkCD,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BA2CA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,+BAmBjD;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BA6DpF;AAID,QAAA,MAAM,SAAS,EAAqC,6BAA6B,CAAC;AAIlF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"reasoning.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/reasoning.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAiB,KAAK,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AAExF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAM/F,QAAA,MAAM,iBAAiB;;8EAWrB,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EACxC,MAAM,GAAG,cAAc,CACxB,GACC,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEJ,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,YAAY,EAAE,sBAAsB,EACpC,WAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAsDpB;AAkCD,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,+BAmCA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,+BAmBjD;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,+BA6DpF;AAID,QAAA,MAAM,SAAS,EAAqC,6BAA6B,CAAC;AAIlF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC"}

package/dist/internal/assistant-ui/reasoning.js

@@ -7,7 +7,7 @@ import { useScrollLock } from "@assistant-ui/react";
 import { MarkdownText } from "./markdown-text.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../components/collapsible.js";
 import { cn } from "../../lib/utils.js";
-const ANIMATION_DURATION = 200;
+import { disclosureDuration, disclosureDurationMs } from "../../lib/motion.js";
 const ReasoningPreviewContext = createContext(false);
 const reasoningVariants = cva("aui-reasoning-root mb-4 w-full", {
     variants: {
@@ -25,7 +25,7 @@ function ReasoningRoot({ className, variant, open: controlledOpen, onOpenChange:
     const collapsibleRef = useRef(null);
     const initialOpenRef = useRef(defaultOpen);
     const [userOpen, setUserOpen] = useState(null);
-    const lockScroll = useScrollLock(collapsibleRef, ANIMATION_DURATION);
+    const lockScroll = useScrollLock(collapsibleRef, disclosureDurationMs);
     const isControlled = controlledOpen !== undefined;
     const isOpen = isControlled
         ? controlledOpen
@@ -50,7 +50,7 @@ function ReasoningRoot({ className, variant, open: controlledOpen, onOpenChange:
         controlledOnOpenChange?.(open);
     }, [lockScroll, isControlled, controlledOnOpenChange]);
     return (_jsx(Collapsible, { ref: collapsibleRef, "data-slot": "reasoning-root", "data-variant": variant, open: isOpen, onOpenChange: handleOpenChange, className: cn("group/reasoning-root", reasoningVariants({ variant, className })), style: {
-            "--animation-duration": `${ANIMATION_DURATION}ms`,
+            "--animation-duration": disclosureDuration,
         }, ...props, children: _jsx(ReasoningPreviewContext.Provider, { value: isPreview, children: children }) }));
 }
 function ReasoningFade({ side = "bottom", className, ...props }) {
@@ -61,7 +61,7 @@ function ReasoningFade({ side = "bottom", className, ...props }) {
 }
 function ReasoningTrigger({ active, duration, className, ...props }) {
     const durationText = duration ? ` (${duration}s)` : "";
-    return (_jsxs(CollapsibleTrigger, { "data-slot": "reasoning-trigger", className: cn("aui-reasoning-trigger nc-transition-paint group/trigger flex max-w-[75%] origin-left items-center gap-2 py-1.5 text-sm text-muted-foreground hover:text-foreground", className), ...props, children: [_jsx(BrainIcon, { "data-slot": "reasoning-trigger-icon", className: "aui-reasoning-trigger-icon size-4 shrink-0" }), _jsxs("span", { "data-slot": "reasoning-trigger-label", className: "aui-reasoning-trigger-label-wrapper relative inline-block leading-none tabular-nums", children: [_jsxs("span", { children: ["Reasoning", durationText] }), active ? (_jsxs("span", { "aria-hidden": true, "data-slot": "reasoning-trigger-shimmer", className: "aui-reasoning-trigger-shimmer shimmer pointer-events-none absolute inset-0 motion-reduce:animate-none", children: ["Reasoning", durationText] })) : null] }), _jsx(ChevronDownIcon, { "data-slot": "reasoning-trigger-chevron", className: cn("aui-reasoning-trigger-chevron mt-0.5 size-4 shrink-0", "transition-transform duration-(--animation-duration) ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
+    return (_jsxs(CollapsibleTrigger, { "aria-busy": active || undefined, "data-slot": "reasoning-trigger", className: cn("aui-reasoning-trigger nc-transition-paint group/trigger flex max-w-[75%] origin-left items-center gap-2 py-1.5 text-sm text-muted-foreground hover:text-foreground", className), ...props, children: [_jsx(BrainIcon, { "data-slot": "reasoning-trigger-icon", className: "aui-reasoning-trigger-icon size-4 shrink-0" }), _jsx("span", { "data-slot": "reasoning-trigger-label", className: "aui-reasoning-trigger-label-wrapper relative inline-block leading-none tabular-nums", children: _jsxs("span", { children: ["Reasoning", durationText] }) }), _jsx(ChevronDownIcon, { "data-slot": "reasoning-trigger-chevron", className: cn("aui-reasoning-trigger-chevron mt-0.5 size-4 shrink-0", "transition-transform duration-(--animation-duration) ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
 }
 function ReasoningContent({ className, children, ...props }) {
     const isPreview = useContext(ReasoningPreviewContext);

package/dist/internal/assistant-ui/tool-fallback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-fallback.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/tool-fallback.tsx"],"names":[],"mappings":"AAIA,OAAO,EAOL,KAAK,4BAA4B,EAClC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,WAAW,EAA0C,MAAM,0BAA0B,CAAC;AAQ/F,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EACxC,MAAM,GAAG,cAAc,CACxB,GAAG;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAieF,QAAA,MAAM,YAAY,EAAwC,4BAA4B,CAAC;AAIvF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"tool-fallback.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/tool-fallback.tsx"],"names":[],"mappings":"AAUA,OAAO,EAOL,KAAK,4BAA4B,EAClC,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,WAAW,EAA0C,MAAM,0BAA0B,CAAC;AAQ/F,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EACxC,MAAM,GAAG,cAAc,CACxB,GAAG;IACF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAydF,QAAA,MAAM,YAAY,EAAwC,4BAA4B,CAAC;AAIvF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/internal/assistant-ui/tool-fallback.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { memo, useCallback, useRef, useState } from "react";
-import { AlertCircleIcon, CheckIcon, ChevronDownIcon, LoaderIcon, XCircleIcon } from "lucide-react";
+import { AlertCircleIcon, CheckIcon, ChevronDownIcon, CircleDotIcon, XCircleIcon, } from "lucide-react";
 import { useScrollLock, useToolCallElapsed, } from "@assistant-ui/react";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../components/collapsible.js";
 import { cn } from "../../lib/utils.js";
@@ -26,7 +26,7 @@ function ToolFallbackRoot({ className, open: controlledOpen, onOpenChange: contr
         }, ...props, children: children }));
 }
 const statusIconMap = {
-    running: LoaderIcon,
+    running: CircleDotIcon,
     complete: CheckIcon,
     incomplete: XCircleIcon,
     "requires-action": AlertCircleIcon,
@@ -52,8 +52,9 @@ function ToolFallbackTrigger({ toolName, status, className, ...props }) {
     const isRunning = statusType === "running";
     const isCancelled = status?.type === "incomplete" && status.reason === "cancelled";
     const Icon = statusIconMap[statusType];
-    const label = isCancelled ? "Cancelled tool" : "Used tool";
-    return (_jsxs(CollapsibleTrigger, { "data-slot": "tool-fallback-trigger", className: cn("aui-tool-fallback-trigger nc-transition-paint group/trigger flex w-fit origin-left items-center gap-2 py-1.5 text-sm text-muted-foreground hover:text-foreground", className), ...props, children: [_jsx(Icon, { "data-slot": "tool-fallback-trigger-icon", className: cn("aui-tool-fallback-trigger-icon size-4 shrink-0", isCancelled && "text-muted-foreground", isRunning && "animate-spin [animation-duration:var(--nc-duration-spin)]") }), _jsxs("span", { "data-slot": "tool-fallback-trigger-label", className: cn("aui-tool-fallback-trigger-label-wrapper relative inline-block text-start leading-none", isCancelled && "text-muted-foreground line-through"), children: [_jsxs("span", { children: [label, ": ", _jsx("b", { children: toolName })] }), isRunning && (_jsxs("span", { "aria-hidden": true, "data-slot": "tool-fallback-trigger-shimmer", className: "aui-tool-fallback-trigger-shimmer shimmer pointer-events-none absolute inset-0 motion-reduce:animate-none", children: [label, ": ", _jsx("b", { children: toolName })] }))] }), _jsx(ToolFallbackDuration, {}), _jsx(ChevronDownIcon, { "data-slot": "tool-fallback-trigger-chevron", className: cn("aui-tool-fallback-trigger-chevron size-4 shrink-0", "transition-transform duration-(--animation-duration) ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
+    // A call still running says so in its own words; the icon holds still.
+    const label = isCancelled ? "Cancelled tool" : isRunning ? "Running tool" : "Used tool";
+    return (_jsxs(CollapsibleTrigger, { "aria-busy": isRunning || undefined, "data-slot": "tool-fallback-trigger", className: cn("aui-tool-fallback-trigger nc-transition-paint group/trigger flex w-fit origin-left items-center gap-2 py-1.5 text-sm text-muted-foreground hover:text-foreground", className), ...props, children: [_jsx(Icon, { "data-slot": "tool-fallback-trigger-icon", className: cn("aui-tool-fallback-trigger-icon size-4 shrink-0", isCancelled && "text-muted-foreground") }), _jsx("span", { "data-slot": "tool-fallback-trigger-label", className: cn("aui-tool-fallback-trigger-label-wrapper relative inline-block text-start leading-none", isCancelled && "text-muted-foreground line-through"), children: _jsxs("span", { children: [label, ": ", _jsx("b", { children: toolName })] }) }), _jsx(ToolFallbackDuration, {}), _jsx(ChevronDownIcon, { "data-slot": "tool-fallback-trigger-chevron", className: cn("aui-tool-fallback-trigger-chevron size-4 shrink-0", "transition-transform duration-(--animation-duration) ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
 }
 function ToolFallbackContent({ className, children, ...props }) {
     return (_jsx(CollapsibleContent, { "data-slot": "tool-fallback-content", className: cn("aui-tool-fallback-content relative overflow-hidden text-sm outline-none", "group/collapsible-content", "data-closed:pointer-events-none", className), ...props, children: _jsx("div", { className: cn("nc-transition-opacity flex flex-col gap-2 ps-6 pt-1 pb-2"), children: children }) }));

package/dist/internal/assistant-ui/tool-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-group.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/tool-group.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAK/F,QAAA,MAAM,iBAAiB;;8EASrB,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EACxC,MAAM,GAAG,cAAc,CACxB,GACC,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,YAAY,EAAE,sBAAsB,EACpC,WAAmB,EACnB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAqCpB;AAED,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,MAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,+BAqDA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,+BAyBjD;AAED,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"tool-group.d.ts","sourceRoot":"","sources":["../../../src/internal/assistant-ui/tool-group.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAK/F,QAAA,MAAM,iBAAiB;;8EASrB,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,EACxC,MAAM,GAAG,cAAc,CACxB,GACC,YAAY,CAAC,OAAO,iBAAiB,CAAC,GAAG;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EAAE,cAAc,EACpB,YAAY,EAAE,sBAAsB,EACpC,WAAmB,EACnB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAqCpB;AAED,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,MAAc,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,+BAwCA;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,+BAyBjD;AAED,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/internal/assistant-ui/tool-group.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useRef, useState } from "react";
-import { ChevronDownIcon, LoaderIcon } from "lucide-react";
+import { ChevronDownIcon } from "lucide-react";
 import { cva } from "class-variance-authority";
 import { useScrollLock } from "@assistant-ui/react";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../components/collapsible.js";
@@ -35,8 +35,9 @@ function ToolGroupRoot({ className, variant, open: controlledOpen, onOpenChange:
         }, ...props, children: children }));
 }
 function ToolGroupTrigger({ count, active = false, className, ...props }) {
-    const label = `${count} tool ${count === 1 ? "call" : "calls"}`;
-    return (_jsxs(CollapsibleTrigger, { "data-slot": "tool-group-trigger", className: cn("aui-tool-group-trigger nc-transition-paint group/trigger flex origin-left items-center gap-2 text-sm", "group-data-[variant=ghost]/tool-group-root:text-muted-foreground group-data-[variant=ghost]/tool-group-root:hover:text-foreground group-data-[variant=ghost]/tool-group-root:py-1.5", "group-data-[variant=outline]/tool-group-root:w-full group-data-[variant=outline]/tool-group-root:px-4", "group-data-[variant=muted]/tool-group-root:w-full group-data-[variant=muted]/tool-group-root:px-4", className), ...props, children: [active && (_jsx(LoaderIcon, { "data-slot": "tool-group-trigger-loader", className: "aui-tool-group-trigger-loader size-3 shrink-0 animate-spin [animation-duration:var(--nc-duration-spin)]" })), _jsxs("span", { "data-slot": "tool-group-trigger-label", className: cn("aui-tool-group-trigger-label-wrapper relative inline-block text-start leading-none font-medium", "group-data-[variant=ghost]/tool-group-root:font-normal", "group-data-[variant=outline]/tool-group-root:grow", "group-data-[variant=muted]/tool-group-root:grow"), children: [_jsx("span", { className: "text-xs", children: label }), active && (_jsx("span", { "aria-hidden": true, "data-slot": "tool-group-trigger-shimmer", className: "aui-tool-group-trigger-shimmer shimmer pointer-events-none absolute inset-0 text-xs motion-reduce:animate-none", children: label }))] }), _jsx(ChevronDownIcon, { "data-slot": "tool-group-trigger-chevron", className: cn("aui-tool-group-trigger-chevron size-3 shrink-0", "transition-transform duration-(--animation-duration) ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
+    // A group still running says so in its own label; nothing spins or shimmers.
+    const label = `${count} tool ${count === 1 ? "call" : "calls"}${active ? ", running" : ""}`;
+    return (_jsxs(CollapsibleTrigger, { "aria-busy": active || undefined, "data-slot": "tool-group-trigger", className: cn("aui-tool-group-trigger nc-transition-paint group/trigger flex origin-left items-center gap-2 text-sm", "group-data-[variant=ghost]/tool-group-root:text-muted-foreground group-data-[variant=ghost]/tool-group-root:hover:text-foreground group-data-[variant=ghost]/tool-group-root:py-1.5", "group-data-[variant=outline]/tool-group-root:w-full group-data-[variant=outline]/tool-group-root:px-4", "group-data-[variant=muted]/tool-group-root:w-full group-data-[variant=muted]/tool-group-root:px-4", className), ...props, children: [_jsx("span", { "data-slot": "tool-group-trigger-label", className: cn("aui-tool-group-trigger-label-wrapper relative inline-block text-start leading-none font-medium", "group-data-[variant=ghost]/tool-group-root:font-normal", "group-data-[variant=outline]/tool-group-root:grow", "group-data-[variant=muted]/tool-group-root:grow"), children: _jsx("span", { className: "text-xs", children: label }) }), _jsx(ChevronDownIcon, { "data-slot": "tool-group-trigger-chevron", className: cn("aui-tool-group-trigger-chevron size-3 shrink-0", "transition-transform duration-(--animation-duration) ease-[var(--nc-ease-out-strong)] motion-reduce:transition-none", "-rotate-90", "group-data-open/trigger:rotate-0", "group-data-panel-open/trigger:rotate-0") })] }));
 }
 function ToolGroupContent({ className, children, ...props }) {
     return (_jsx(CollapsibleContent, { "data-slot": "tool-group-content", className: cn("aui-tool-group-content relative overflow-hidden text-sm outline-none", "group/collapsible-content", "data-closed:pointer-events-none", className), ...props, children: _jsx("div", { className: cn("mt-2 flex flex-col gap-2", "group-data-[variant=ghost]/tool-group-root:mt-1 group-data-[variant=ghost]/tool-group-root:gap-1", "group-data-[variant=outline]/tool-group-root:mt-3 group-data-[variant=outline]/tool-group-root:border-t group-data-[variant=outline]/tool-group-root:px-4 group-data-[variant=outline]/tool-group-root:pt-3", "group-data-[variant=muted]/tool-group-root:mt-3 group-data-[variant=muted]/tool-group-root:border-t group-data-[variant=muted]/tool-group-root:px-4 group-data-[variant=muted]/tool-group-root:pt-3", "[&>*]:nc-transition-opacity"), children: children }) }));

package/dist/lib/motion.d.ts

@@ -4,11 +4,25 @@
  * Keeping these states behind one internal seam makes token timing and reduced
  * motion part of every public primitive that consumes them. Base UI supplies
  * the lifecycle attributes and transform origin; the classes only style them.
+ *
+ * One reduced-motion policy, the same one `motion.css` states for the CSS
+ * layer: movement stops and paint continues. An overlay that scales drops the
+ * scale and keeps its fade, because the fade is how the overlay says it arrived
+ * or left. A backdrop that only fades is already within the policy and carries
+ * no reduced-motion override at all.
  */
-declare const overlayBackdropMotion = "transition-opacity duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none motion-reduce:data-ending-style:opacity-100 motion-reduce:data-starting-style:opacity-100";
-declare const anchoredOverlayMotion = "origin-(--transform-origin) transition-[opacity,scale] duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-instant:transition-none data-ending-style:opacity-0 data-ending-style:scale-[0.98] data-starting-style:opacity-0 data-starting-style:scale-[0.98] motion-reduce:transition-none motion-reduce:data-ending-style:opacity-100 motion-reduce:data-ending-style:scale-100 motion-reduce:data-starting-style:opacity-100 motion-reduce:data-starting-style:scale-100";
-declare const modalOverlayMotion = "transition-[opacity,scale] duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-ending-style:opacity-0 data-ending-style:scale-[0.98] data-starting-style:opacity-0 data-starting-style:scale-[0.98] motion-reduce:transition-none motion-reduce:data-ending-style:opacity-100 motion-reduce:data-ending-style:scale-100 motion-reduce:data-starting-style:opacity-100 motion-reduce:data-starting-style:scale-100";
+declare const overlayBackdropMotion = "transition-opacity duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-ending-style:opacity-0 data-starting-style:opacity-0";
+declare const anchoredOverlayMotion = "origin-(--transform-origin) transition-[opacity,scale] duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-instant:transition-none data-ending-style:opacity-0 data-ending-style:scale-[0.98] data-starting-style:opacity-0 data-starting-style:scale-[0.98] motion-reduce:transition-opacity motion-reduce:data-ending-style:scale-100 motion-reduce:data-starting-style:scale-100";
+declare const modalOverlayMotion = "transition-[opacity,scale] duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-ending-style:opacity-0 data-ending-style:scale-[0.98] data-starting-style:opacity-0 data-starting-style:scale-[0.98] motion-reduce:transition-opacity motion-reduce:data-ending-style:scale-100 motion-reduce:data-starting-style:scale-100";
 declare const instantOverlayBackdropMotion = "transition-none data-ending-style:opacity-100 data-starting-style:opacity-100";
 declare const instantModalOverlayMotion = "transition-none data-ending-style:opacity-100 data-ending-style:scale-100 data-starting-style:opacity-100 data-starting-style:scale-100";
-export { anchoredOverlayMotion, instantModalOverlayMotion, instantOverlayBackdropMotion, modalOverlayMotion, overlayBackdropMotion, };
+/**
+ * The disclosure cadence for the assistant-ui collapsibles: `open`, 220 ms.
+ * The stylesheet takes the token; the scroll lock that runs alongside the
+ * animation needs a number, so the two spellings sit together here and
+ * `motion.test.ts` holds them equal to the shipped contract.
+ */
+declare const disclosureDuration = "var(--nc-duration-open)";
+declare const disclosureDurationMs = 220;
+export { anchoredOverlayMotion, disclosureDuration, disclosureDurationMs, instantModalOverlayMotion, instantOverlayBackdropMotion, modalOverlayMotion, overlayBackdropMotion, };
 //# sourceMappingURL=motion.d.ts.map

package/dist/lib/motion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/lib/motion.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,QAAA,MAAM,qBAAqB,2TAC+R,CAAC;AAE3T,QAAA,MAAM,qBAAqB,khBACsf,CAAC;AAElhB,QAAA,MAAM,kBAAkB,ydACgc,CAAC;AAEzd,QAAA,MAAM,4BAA4B,kFAC+C,CAAC;AAElF,QAAA,MAAM,yBAAyB,4IAC4G,CAAC;AAE5I,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EACzB,4BAA4B,EAC5B,kBAAkB,EAClB,qBAAqB,GACtB,CAAC"}
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/lib/motion.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,qBAAqB,mMACuK,CAAC;AAEnM,QAAA,MAAM,qBAAqB,2bAC+Z,CAAC;AAE3b,QAAA,MAAM,kBAAkB,kYACyW,CAAC;AAElY,QAAA,MAAM,4BAA4B,kFAC+C,CAAC;AAElF,QAAA,MAAM,yBAAyB,4IAC4G,CAAC;AAE5I;;;;;GAKG;AACH,QAAA,MAAM,kBAAkB,4BAA4B,CAAC;AACrD,QAAA,MAAM,oBAAoB,MAAM,CAAC;AAEjC,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,EACpB,yBAAyB,EACzB,4BAA4B,EAC5B,kBAAkB,EAClB,qBAAqB,GACtB,CAAC"}

package/dist/lib/motion.js

@@ -4,10 +4,24 @@
  * Keeping these states behind one internal seam makes token timing and reduced
  * motion part of every public primitive that consumes them. Base UI supplies
  * the lifecycle attributes and transform origin; the classes only style them.
+ *
+ * One reduced-motion policy, the same one `motion.css` states for the CSS
+ * layer: movement stops and paint continues. An overlay that scales drops the
+ * scale and keeps its fade, because the fade is how the overlay says it arrived
+ * or left. A backdrop that only fades is already within the policy and carries
+ * no reduced-motion override at all.
  */
-const overlayBackdropMotion = "transition-opacity duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none motion-reduce:data-ending-style:opacity-100 motion-reduce:data-starting-style:opacity-100";
-const anchoredOverlayMotion = "origin-(--transform-origin) transition-[opacity,scale] duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-instant:transition-none data-ending-style:opacity-0 data-ending-style:scale-[0.98] data-starting-style:opacity-0 data-starting-style:scale-[0.98] motion-reduce:transition-none motion-reduce:data-ending-style:opacity-100 motion-reduce:data-ending-style:scale-100 motion-reduce:data-starting-style:opacity-100 motion-reduce:data-starting-style:scale-100";
-const modalOverlayMotion = "transition-[opacity,scale] duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-ending-style:opacity-0 data-ending-style:scale-[0.98] data-starting-style:opacity-0 data-starting-style:scale-[0.98] motion-reduce:transition-none motion-reduce:data-ending-style:opacity-100 motion-reduce:data-ending-style:scale-100 motion-reduce:data-starting-style:opacity-100 motion-reduce:data-starting-style:scale-100";
+const overlayBackdropMotion = "transition-opacity duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-ending-style:opacity-0 data-starting-style:opacity-0";
+const anchoredOverlayMotion = "origin-(--transform-origin) transition-[opacity,scale] duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-instant:transition-none data-ending-style:opacity-0 data-ending-style:scale-[0.98] data-starting-style:opacity-0 data-starting-style:scale-[0.98] motion-reduce:transition-opacity motion-reduce:data-ending-style:scale-100 motion-reduce:data-starting-style:scale-100";
+const modalOverlayMotion = "transition-[opacity,scale] duration-[var(--nc-duration-close)] ease-[var(--nc-ease-out-strong)] data-open:duration-[var(--nc-duration-open)] data-ending-style:opacity-0 data-ending-style:scale-[0.98] data-starting-style:opacity-0 data-starting-style:scale-[0.98] motion-reduce:transition-opacity motion-reduce:data-ending-style:scale-100 motion-reduce:data-starting-style:scale-100";
 const instantOverlayBackdropMotion = "transition-none data-ending-style:opacity-100 data-starting-style:opacity-100";
 const instantModalOverlayMotion = "transition-none data-ending-style:opacity-100 data-ending-style:scale-100 data-starting-style:opacity-100 data-starting-style:scale-100";
-export { anchoredOverlayMotion, instantModalOverlayMotion, instantOverlayBackdropMotion, modalOverlayMotion, overlayBackdropMotion, };
+/**
+ * The disclosure cadence for the assistant-ui collapsibles: `open`, 220 ms.
+ * The stylesheet takes the token; the scroll lock that runs alongside the
+ * animation needs a number, so the two spellings sit together here and
+ * `motion.test.ts` holds them equal to the shipped contract.
+ */
+const disclosureDuration = "var(--nc-duration-open)";
+const disclosureDurationMs = 220;
+export { anchoredOverlayMotion, disclosureDuration, disclosureDurationMs, instantModalOverlayMotion, instantOverlayBackdropMotion, modalOverlayMotion, overlayBackdropMotion, };

package/dist/styles/globals.css

@@ -16,7 +16,6 @@
 
 @import "tailwindcss";
 @import "tw-animate-css";
-@import "tw-shimmer";
 @import "@assistant-ui/react-markdown/styles/dot.css";
 @import "./shadcn.tailwind.css";
 @import "@nadicodeai/design-system/css";