@alexgorbatchev/shadcn 0.0.18 → 0.0.20

package/dist/{chunk-c6nvc3ft.js → chunk-84ca0dpc.js}

@@ -2,10 +2,10 @@ import {
   Resizable2,
   ResizablePanel2,
   ResizableHandle2
-} from "./chunk-1x2ch0xc.js";
+} from "./chunk-rffrerg5.js";
 import {
   Thread2
-} from "./chunk-0qcknj5n.js";
+} from "./chunk-8fcjx3he.js";
 
 // src/components/assistant-ui/native/AssistantSidebar.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{chunk-9msk1t9e.js → chunk-8a15x4a8.js}

@@ -1,6 +1,6 @@
 import {
   MarkdownText2
-} from "./chunk-q2ewq67a.js";
+} from "./chunk-02qymemz.js";
 import {
   ReasoningRoot3
 } from "./chunk-7b3n0ftm.js";

package/dist/{chunk-0qcknj5n.js → chunk-8fcjx3he.js}

@@ -12,12 +12,12 @@ import {
 } from "./chunk-73rkr9ct.js";
 import {
   TooltipIconButton2
-} from "./chunk-q40gqpwh.js";
+} from "./chunk-qgjjcmpa.js";
 import {
   UserMessageAttachments2,
   ComposerAttachments3,
   ComposerAddAttachment2
-} from "./chunk-j5wk4ffj.js";
+} from "./chunk-jba22682.js";
 import {
   getFileHref,
   File2
@@ -27,10 +27,10 @@ import {
 } from "./chunk-c2vcrwjp.js";
 import {
   Image2
-} from "./chunk-1apg76a7.js";
+} from "./chunk-vq8nc5xa.js";
 import {
   MarkdownText2
-} from "./chunk-q2ewq67a.js";
+} from "./chunk-02qymemz.js";
 import {
   ReasoningTrigger2
 } from "./chunk-3c7tvhtx.js";
@@ -43,7 +43,7 @@ import {
 import {
   ReasoningRoot2,
   Reasoning2
-} from "./chunk-9msk1t9e.js";
+} from "./chunk-8a15x4a8.js";
 import {
   ToolFallback2
 } from "./chunk-yp12vs0s.js";

package/dist/{chunk-h8awhm19.js → chunk-96wh7ccv.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-cp2m7y7v.js";
 import {
   PopoverTrigger2
-} from "./chunk-x7z9jzyf.js";
+} from "./chunk-4djw71cv.js";
 import {
   useModelSelectorContext
 } from "./chunk-ydfx8r6d.js";

package/dist/{chunk-pe1vvkp7.js → chunk-9jct7hv0.js}

@@ -1,12 +1,12 @@
 import {
   ContextDisplayRoot3
-} from "./chunk-f63f8w58.js";
+} from "./chunk-3jrsp186.js";
 import {
   ContextDisplayTrigger2
-} from "./chunk-86211e5a.js";
+} from "./chunk-p8gshf3k.js";
 import {
   ContextDisplayContent2
-} from "./chunk-2b9agdrf.js";
+} from "./chunk-3dyqen8w.js";
 import {
   ContextDisplayValue2
 } from "./chunk-qxt0fx4f.js";

package/dist/{chunk-xqn8mef3.js → chunk-a6kyjjfk.js}

@@ -21,6 +21,7 @@ function ChatPanel2({ ...props }) {
   return /* @__PURE__ */ jsx("div", {
     "data-testid": "ChatPanel",
     "data-slot": "chat-panel",
+    "data-scroll": "none",
     className: cn2(paper, "flex h-[270px] w-full max-w-md flex-col overflow-hidden rounded-md"),
     ...props
   });

package/dist/chunk-aa7m22zj.js

@@ -0,0 +1,22 @@
+import {
+  PortalContext
+} from "./chunk-j89xg1ak.js";
+
+// src/components/PortalProvider.tsx
+import { jsx } from "react/jsx-runtime";
+function PortalProvider2({ container, children }) {
+  return /* @__PURE__ */ jsx(PortalContext.Provider, {
+    value: container,
+    children
+  });
+}
+
+// src/hooks/usePortalNode.ts
+import { useMergedRefs } from "@base-ui/utils/useMergedRefs";
+import { useRef } from "react";
+function usePortalNode(ref) {
+  const node = useRef(null);
+  return { node, ref: useMergedRefs(ref, node) };
+}
+
+export { usePortalNode, PortalProvider2 };

package/dist/{chunk-h77yk9sn.js → chunk-bcpy6gpz.js}

@@ -10,7 +10,7 @@ import {
   CardTitle2,
   CardDescription2,
   CardContent2
-} from "./chunk-fqekyjkh.js";
+} from "./chunk-bygq5yqf.js";
 import {
   Collapsible2,
   CollapsibleTrigger2,

package/dist/chunk-bygq5yqf.js

@@ -0,0 +1,139 @@
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/Card.tsx
+import { mergeProps } from "@base-ui/react/merge-props";
+import { cva } from "class-variance-authority";
+
+// src/hooks/useCardSpotlight.ts
+import { useCallback, useEffect, useRef } from "react";
+var SPOTLIGHT_X = "--card-spotlight-x";
+var SPOTLIGHT_Y = "--card-spotlight-y";
+function observeLayoutChanges(element, onChange) {
+  const resizeObserver = new ResizeObserver(onChange);
+  resizeObserver.observe(element);
+  window.addEventListener("scroll", onChange, { capture: true, passive: true });
+  window.addEventListener("resize", onChange, { passive: true });
+  return () => {
+    resizeObserver.disconnect();
+    window.removeEventListener("scroll", onChange, { capture: true });
+    window.removeEventListener("resize", onChange);
+  };
+}
+function useCardSpotlight() {
+  const frameRef = useRef(0);
+  const pointerRef = useRef({ clientX: 0, clientY: 0 });
+  const stopObservingRef = useRef(null);
+  const scheduleUpdate = useCallback((element) => {
+    if (frameRef.current !== 0) {
+      return;
+    }
+    frameRef.current = requestAnimationFrame(() => {
+      frameRef.current = 0;
+      const { clientX, clientY } = pointerRef.current;
+      const bounds = element.getBoundingClientRect();
+      element.style.setProperty(SPOTLIGHT_X, `${Math.round(clientX - bounds.left)}px`);
+      element.style.setProperty(SPOTLIGHT_Y, `${Math.round(clientY - bounds.top)}px`);
+    });
+  }, []);
+  const stopTracking = useCallback(() => {
+    cancelAnimationFrame(frameRef.current);
+    frameRef.current = 0;
+    stopObservingRef.current?.();
+    stopObservingRef.current = null;
+  }, []);
+  useEffect(() => stopTracking, [stopTracking]);
+  const onPointerMove = useCallback((event) => {
+    pointerRef.current = { clientX: event.clientX, clientY: event.clientY };
+    const element = event.currentTarget;
+    stopObservingRef.current ??= observeLayoutChanges(element, () => scheduleUpdate(element));
+    scheduleUpdate(element);
+  }, [scheduleUpdate]);
+  const onPointerLeave = useCallback((event) => {
+    stopTracking();
+    event.currentTarget.style.removeProperty(SPOTLIGHT_X);
+    event.currentTarget.style.removeProperty(SPOTLIGHT_Y);
+  }, [stopTracking]);
+  return { onPointerMove, onPointerLeave };
+}
+
+// src/components/Card.tsx
+import { jsx } from "react/jsx-runtime";
+var cardVariants = cva("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-md bg-card py-(--card-spacing) text-sm text-card-foreground border [--card-spacing:var(--ag-panel-padding)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:var(--ag-panel-padding-sm)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-md *:[img:last-child]:rounded-b-md", {
+  variants: {
+    variant: {
+      default: "border-border",
+      hero: "card-spotlight"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Card2({ density, className, size = "default", variant = "default", ...props }) {
+  const spotlight = useCardSpotlight();
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card",
+    "data-scroll": "none",
+    "data-size": size,
+    ...mergeProps({
+      className: cn2(cardVariants({ variant }), className),
+      ...variant === "hero" ? spotlight : undefined
+    }, props)
+  });
+}
+function CardHeader2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card-header",
+    "data-scroll": "none",
+    className: cn2("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-md px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className),
+    ...props
+  });
+}
+function CardTitle2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card-title",
+    className: cn2("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm", className),
+    ...props
+  });
+}
+function CardDescription2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card-description",
+    className: cn2("text-sm text-muted-foreground", className),
+    ...props
+  });
+}
+function CardAction2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card-action",
+    className: cn2("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+    ...props
+  });
+}
+function CardContent2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card-content",
+    "data-scroll": "none",
+    className: cn2("px-(--card-spacing)", className),
+    ...props
+  });
+}
+function CardFooter2({ density, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    "data-density": density,
+    "data-slot": "card-footer",
+    "data-scroll": "none",
+    className: cn2("flex items-center rounded-b-md border-t bg-muted/50 p-(--card-spacing)", className),
+    ...props
+  });
+}
+
+export { Card2, CardHeader2, CardTitle2, CardDescription2, CardAction2, CardContent2, CardFooter2 };

package/dist/{chunk-2m0zpzbm.js → chunk-cn81dnqb.js}

@@ -20,6 +20,7 @@ function ComparisonCard2({
   return /* @__PURE__ */ jsxs("div", {
     "data-testid": "ComparisonCard",
     "data-slot": "comparison-card",
+    "data-scroll": "none",
     className: cn2(paper, "flex w-full max-w-md flex-col gap-3 rounded-md p-4"),
     ...props,
     children: [

package/dist/{chunk-m1a9e1py.js → chunk-d2z4gebj.js}

@@ -1,6 +1,6 @@
 import {
   TooltipIconButton2
-} from "./chunk-q40gqpwh.js";
+} from "./chunk-qgjjcmpa.js";
 
 // src/components/assistant-ui/native/VoiceMuteButton.tsx
 import { useVoiceControls, useVoiceState } from "@assistant-ui/react";

package/dist/{chunk-mx21wpq0.js → chunk-d4bm5rzy.js}

@@ -4,6 +4,10 @@ import {
 import {
   usePortalContainer2
 } from "./chunk-j89xg1ak.js";
+import {
+  usePortalNode,
+  PortalProvider2
+} from "./chunk-aa7m22zj.js";
 import {
   useDirection2
 } from "./chunk-jpvw9xqy.js";
@@ -22,12 +26,18 @@ function DropdownMenu2({ ...props }) {
     ...props
   });
 }
-function DropdownMenuPortal2({ container, ...props }) {
+function DropdownMenuPortal2({ container, ref, children, ...props }) {
   const resolvedContainer = usePortalContainer2(container);
+  const portal = usePortalNode(ref);
   return /* @__PURE__ */ jsx(MenuPrimitive.Portal, {
     "data-slot": "dropdown-menu-portal",
     container: resolvedContainer,
-    ...props
+    ref: portal.ref,
+    ...props,
+    children: /* @__PURE__ */ jsx(PortalProvider2, {
+      container: portal.node,
+      children
+    })
   });
 }
 function DropdownMenuTrigger2({ ...props }) {

package/dist/{chunk-jy6nfnbx.js → chunk-d9jbqd99.js}

@@ -10,10 +10,10 @@ import {
   SidebarMenu2,
   SidebarMenuItem2,
   SidebarMenuButton2
-} from "./chunk-xvs5y4v7.js";
+} from "./chunk-h979cxnh.js";
 import {
   ThreadList3
-} from "./chunk-tsekdy3w.js";
+} from "./chunk-1tgrhacr.js";
 
 // src/components/assistant-ui/native/ThreadListSidebar.tsx
 import { MessagesSquare } from "lucide-react";

package/dist/{chunk-3hvpcsb4.js → chunk-dgkj6442.js}

@@ -25,7 +25,7 @@ import {
   CardDescription2,
   CardContent2,
   CardFooter2
-} from "./chunk-fqekyjkh.js";
+} from "./chunk-bygq5yqf.js";
 import {
   Switch2
 } from "./chunk-8ye0k6z7.js";

package/dist/{chunk-wwfj7ga3.js → chunk-djm7qq62.js}

@@ -9,7 +9,7 @@ import {
   DialogTrigger2,
   DialogContent2,
   DialogTitle2
-} from "./chunk-zhnwybhq.js";
+} from "./chunk-70vndezn.js";
 
 // src/components/assistant-ui/elements/MermaidZoom.tsx
 import { useRef, useState as useState2 } from "react";

package/dist/{chunk-9dw4dyzq.js → chunk-e0pv0me5.js}

@@ -1,6 +1,6 @@
 import {
   Popover2
-} from "./chunk-x7z9jzyf.js";
+} from "./chunk-4djw71cv.js";
 import {
   getModelEfforts,
   resolveEffort,

package/dist/{chunk-dd53t01w.js → chunk-ecmk3vgd.js}

@@ -1,6 +1,6 @@
 import {
   CommandSeparator2
-} from "./chunk-4gby2v61.js";
+} from "./chunk-7pyt4e5t.js";
 
 // src/components/assistant-ui/elements/ModelSelectorSeparator.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-0yqwq0ev.js → chunk-eq88qk1d.js}

@@ -3,40 +3,40 @@ import {
 } from "./chunk-ydfx8r6d.js";
 import {
   ModelSelectorRoot2
-} from "./chunk-9dw4dyzq.js";
+} from "./chunk-e0pv0me5.js";
 import {
   ModelSelectorValue2
 } from "./chunk-0qkdp68h.js";
 import {
   ModelSelectorTrigger2
-} from "./chunk-h8awhm19.js";
+} from "./chunk-96wh7ccv.js";
 import {
   ModelSelectorFocusAnchor2
-} from "./chunk-1hbge1cb.js";
+} from "./chunk-553bzh59.js";
 import {
   ModelSelectorSearch2
-} from "./chunk-hhvp5352.js";
+} from "./chunk-s46hvhjw.js";
 import {
   ModelSelectorEmpty2
-} from "./chunk-dnja1pz5.js";
+} from "./chunk-p8qtk151.js";
 import {
   ModelSelectorItem2
-} from "./chunk-fh3nme7f.js";
+} from "./chunk-4drqqqz1.js";
 import {
   ModelSelectorList2
-} from "./chunk-jxwfkmdh.js";
+} from "./chunk-gabqzfq0.js";
 import {
   ModelSelectorEffort2
 } from "./chunk-r07v9c4f.js";
 import {
   ModelSelectorContent2
-} from "./chunk-rrd9fsz6.js";
+} from "./chunk-14qj6w54.js";
 import {
   ModelSelectorGroup2
-} from "./chunk-jwajmmfb.js";
+} from "./chunk-qv19jhdk.js";
 import {
   ModelSelectorSeparator2
-} from "./chunk-dd53t01w.js";
+} from "./chunk-ecmk3vgd.js";
 
 // src/components/assistant-ui/native/ModelSelector.tsx
 import { memo, useEffect } from "react";

package/dist/{chunk-jq6tc65r.js → chunk-f5hphka1.js}

@@ -21,6 +21,10 @@ function ScrollAnchor2({
 }) {
   const viewportRef = useRef(null);
   const contentRef = useRef(null);
+  const isFollowingRef = useRef(isFollowing);
+  useLayoutEffect(() => {
+    isFollowingRef.current = isFollowing;
+  }, [isFollowing]);
   useLayoutEffect(() => {
     if (!isFollowing)
       return;
@@ -29,7 +33,8 @@ function ScrollAnchor2({
     if (!viewport || !content)
       return;
     const follow = () => {
-      viewport.scrollTo({ top: viewport.scrollHeight });
+      if (isFollowingRef.current)
+        viewport.scrollTo({ top: viewport.scrollHeight });
     };
     follow();
     const observer = new ResizeObserver(follow);
@@ -52,6 +57,7 @@ function ScrollAnchor2({
         onScroll: (event) => {
           const viewport = event.currentTarget;
           const isAtLatest = viewport.scrollHeight - viewport.scrollTop - viewport.clientHeight <= 1;
+          isFollowingRef.current = isAtLatest;
           if (isAtLatest !== isFollowing)
             onFollowingChange(isAtLatest);
         },

package/dist/{chunk-7g39g3h8.js → chunk-fb6h4fzt.js}

@@ -4,7 +4,7 @@ import {
   CardTitle2,
   CardDescription2,
   CardContent2
-} from "./chunk-fqekyjkh.js";
+} from "./chunk-bygq5yqf.js";
 import {
   take
 } from "./chunk-v8ks0cfq.js";

package/dist/{chunk-fq8taatb.js → chunk-fba5hr7b.js}

@@ -4,7 +4,7 @@ import {
 import {
   Card2,
   CardContent2
-} from "./chunk-fqekyjkh.js";
+} from "./chunk-bygq5yqf.js";
 import {
   take
 } from "./chunk-v8ks0cfq.js";

package/dist/{chunk-3esarnmt.js → chunk-g03nphs1.js}

@@ -8,7 +8,7 @@ import {
   Dialog2,
   DialogContent2,
   DialogTitle2
-} from "./chunk-zhnwybhq.js";
+} from "./chunk-70vndezn.js";
 import {
   safeHref
 } from "./chunk-xhtsnwnb.js";

package/dist/{chunk-jxwfkmdh.js → chunk-gabqzfq0.js}

@@ -1,16 +1,16 @@
 import {
   CommandList2,
   CommandGroup2
-} from "./chunk-4gby2v61.js";
+} from "./chunk-7pyt4e5t.js";
 import {
   useModelSelectorContext
 } from "./chunk-ydfx8r6d.js";
 import {
   ModelSelectorEmpty2
-} from "./chunk-dnja1pz5.js";
+} from "./chunk-p8qtk151.js";
 import {
   ModelSelectorItem2
-} from "./chunk-fh3nme7f.js";
+} from "./chunk-4drqqqz1.js";
 
 // src/components/assistant-ui/elements/ModelSelectorList.tsx
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";

package/dist/{chunk-zcwynyr0.js → chunk-gykrcxd1.js}

@@ -15,6 +15,7 @@ function SpecSheet2({ title, subtitle, rows, visibleCount, className, ...props }
   return /* @__PURE__ */ jsxs("div", {
     "data-testid": "SpecSheet",
     "data-slot": "spec-sheet",
+    "data-scroll": "none",
     className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-3 rounded-md p-4"), className),
     ...props,
     children: [

package/dist/{chunk-xvs5y4v7.js → chunk-h979cxnh.js}

@@ -5,6 +5,10 @@ import {
 import {
   usePortalContainer2
 } from "./chunk-j89xg1ak.js";
+import {
+  usePortalNode,
+  PortalProvider2
+} from "./chunk-aa7m22zj.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
@@ -27,7 +31,7 @@ import {
   Tooltip2,
   TooltipTrigger2,
   TooltipContent2
-} from "./chunk-czg9p52v.js";
+} from "./chunk-mz3e810d.js";
 
 // src/components/Sheet.tsx
 import { XIcon } from "lucide-react";
@@ -51,12 +55,18 @@ function SheetClose2({ ...props }) {
     ...props
   });
 }
-function SheetPortal({ container, ...props }) {
+function SheetPortal({ container, ref, children, ...props }) {
   const resolvedContainer = usePortalContainer2(container);
+  const portal = usePortalNode(ref);
   return /* @__PURE__ */ jsx(SheetPrimitive.Portal, {
     "data-slot": "sheet-portal",
     container: resolvedContainer,
-    ...props
+    ref: portal.ref,
+    ...props,
+    children: /* @__PURE__ */ jsx(PortalProvider2, {
+      container: portal.node,
+      children
+    })
   });
 }
 function SheetOverlay({ density, className, ...props }) {
@@ -85,6 +95,7 @@ function SheetContent2({
         dir: direction,
         "data-density": resolvedDensity,
         "data-slot": "sheet-content",
+        "data-scroll": "none",
         "data-side": side,
         className: (state) => cn2("fixed  flex flex-col gap-panel bg-popover bg-clip-padding text-sm text-popover-foreground shadow-frame border border-frame-edge transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", typeof className === "function" ? className(state) : className),
         ...props,
@@ -528,7 +539,7 @@ var sidebarMenuButtonVariants = cva("peer/menu-button group/menu-button flex w-f
   variants: {
     variant: {
       default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-      outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]"
+      outline: "bg-background shadow-[0_0_0_1px_var(--sidebar-border,var(--border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent,var(--accent))]"
     },
     size: {
       default: "h-control text-sm",

package/dist/{chunk-m54kq3he.js → chunk-hh43wg05.js}

@@ -4,6 +4,10 @@ import {
 import {
   usePortalContainer2
 } from "./chunk-j89xg1ak.js";
+import {
+  usePortalNode,
+  PortalProvider2
+} from "./chunk-aa7m22zj.js";
 import {
   cn2
 } from "./chunk-cp2m7y7v.js";
@@ -36,21 +40,27 @@ function HoverCardContent2({
   const resolvedDensity = useDensity(density);
   const direction = useDirection();
   const container = usePortalContainer2();
+  const portal = usePortalNode();
   return /* @__PURE__ */ jsx(PreviewCardPrimitive.Portal, {
     container,
+    ref: portal.ref,
     "data-slot": "hover-card-portal",
-    children: /* @__PURE__ */ jsx(PreviewCardPrimitive.Positioner, {
-      dir: direction,
-      align,
-      alignOffset,
-      side,
-      sideOffset,
-      className: "isolate ",
-      children: /* @__PURE__ */ jsx(PreviewCardPrimitive.Popup, {
-        "data-density": resolvedDensity,
-        "data-slot": "hover-card-content",
-        className: (state) => cn2(" w-64 origin-(--transform-origin) rounded-sm bg-popover p-panel text-sm text-popover-foreground  border border-frame-edge shadow-frame outline-hidden duration-100       data-open:animate-in data-open:fade-in-0  data-closed:animate-out data-closed:fade-out-0 ", typeof className === "function" ? className(state) : className),
-        ...props
+    children: /* @__PURE__ */ jsx(PortalProvider2, {
+      container: portal.node,
+      children: /* @__PURE__ */ jsx(PreviewCardPrimitive.Positioner, {
+        dir: direction,
+        align,
+        alignOffset,
+        side,
+        sideOffset,
+        className: "isolate ",
+        children: /* @__PURE__ */ jsx(PreviewCardPrimitive.Popup, {
+          "data-density": resolvedDensity,
+          "data-slot": "hover-card-content",
+          "data-scroll": "none",
+          className: (state) => cn2(" w-64 origin-(--transform-origin) rounded-sm bg-popover p-panel text-sm text-popover-foreground  border border-frame-edge shadow-frame outline-hidden duration-100       data-open:animate-in data-open:fade-in-0  data-closed:animate-out data-closed:fade-out-0 ", typeof className === "function" ? className(state) : className),
+          ...props
+        })
       })
     })
   });

package/dist/{chunk-6hbx647r.js → chunk-j4gd5awk.js}

@@ -1,21 +1,21 @@
 import {
   ContextDisplayRoot3
-} from "./chunk-f63f8w58.js";
+} from "./chunk-3jrsp186.js";
 import {
   ContextDisplayTrigger2
-} from "./chunk-86211e5a.js";
+} from "./chunk-p8gshf3k.js";
 import {
   ContextDisplayContent2
-} from "./chunk-2b9agdrf.js";
+} from "./chunk-3dyqen8w.js";
 import {
   ContextDisplayRing2
-} from "./chunk-wf5cnpdg.js";
+} from "./chunk-p45ytcc2.js";
 import {
   ContextDisplayBar2
-} from "./chunk-pe1vvkp7.js";
+} from "./chunk-9jct7hv0.js";
 import {
   ContextDisplayText2
-} from "./chunk-550z7s64.js";
+} from "./chunk-6432235c.js";
 
 // src/components/assistant-ui/elements/ContextDisplay.tsx
 import { jsx } from "react/jsx-runtime";