@alexgorbatchev/shadcn 0.0.19 → 0.0.20

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

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

package/dist/{chunk-v4yqjvzd.js → chunk-bygq5yqf.js}

@@ -10,16 +10,25 @@ import { cva } from "class-variance-authority";
 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 });
-  useEffect(() => () => cancelAnimationFrame(frameRef.current), []);
-  const onPointerMove = useCallback((event) => {
-    pointerRef.current = { clientX: event.clientX, clientY: event.clientY };
+  const stopObservingRef = useRef(null);
+  const scheduleUpdate = useCallback((element) => {
     if (frameRef.current !== 0) {
       return;
     }
-    const element = event.currentTarget;
     frameRef.current = requestAnimationFrame(() => {
       frameRef.current = 0;
       const { clientX, clientY } = pointerRef.current;
@@ -28,12 +37,24 @@ function useCardSpotlight() {
       element.style.setProperty(SPOTLIGHT_Y, `${Math.round(clientY - bounds.top)}px`);
     });
   }, []);
-  const onPointerLeave = useCallback((event) => {
+  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 };
 }
 
@@ -55,6 +76,7 @@ function Card2({ density, className, size = "default", variant = "default", ...p
   return /* @__PURE__ */ jsx("div", {
     "data-density": density,
     "data-slot": "card",
+    "data-scroll": "none",
     "data-size": size,
     ...mergeProps({
       className: cn2(cardVariants({ variant }), className),
@@ -66,6 +88,7 @@ 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
   });
@@ -98,6 +121,7 @@ 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
   });
@@ -106,6 +130,7 @@ 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
   });

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-0zwxgwr4.js → chunk-d9jbqd99.js}

@@ -10,7 +10,7 @@ import {
   SidebarMenu2,
   SidebarMenuItem2,
   SidebarMenuButton2
-} from "./chunk-45kmek5e.js";
+} from "./chunk-h979cxnh.js";
 import {
   ThreadList3
 } from "./chunk-1tgrhacr.js";

package/dist/{chunk-qw7229kj.js → chunk-dgkj6442.js}

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

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

@@ -9,7 +9,7 @@ import {
   DialogTrigger2,
   DialogContent2,
   DialogTitle2
-} from "./chunk-717ggspf.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-k4vvp62d.js → chunk-ecmk3vgd.js}

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

package/dist/{chunk-2qxy1r5y.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-82vfgkjv.js";
+} from "./chunk-553bzh59.js";
 import {
   ModelSelectorSearch2
-} from "./chunk-0jb0xgdb.js";
+} from "./chunk-s46hvhjw.js";
 import {
   ModelSelectorEmpty2
-} from "./chunk-cre60717.js";
+} from "./chunk-p8qtk151.js";
 import {
   ModelSelectorItem2
-} from "./chunk-vpj3vk7v.js";
+} from "./chunk-4drqqqz1.js";
 import {
   ModelSelectorList2
-} from "./chunk-x82x81th.js";
+} from "./chunk-gabqzfq0.js";
 import {
   ModelSelectorEffort2
 } from "./chunk-r07v9c4f.js";
 import {
   ModelSelectorContent2
-} from "./chunk-6wvtsf2m.js";
+} from "./chunk-14qj6w54.js";
 import {
   ModelSelectorGroup2
-} from "./chunk-dppmqr99.js";
+} from "./chunk-qv19jhdk.js";
 import {
   ModelSelectorSeparator2
-} from "./chunk-k4vvp62d.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-2e4fnx0e.js → chunk-fb6h4fzt.js}

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

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

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

package/dist/{chunk-155c0btb.js → chunk-g03nphs1.js}

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

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

@@ -1,16 +1,16 @@
 import {
   CommandList2,
   CommandGroup2
-} from "./chunk-waat2ksf.js";
+} from "./chunk-7pyt4e5t.js";
 import {
   useModelSelectorContext
 } from "./chunk-ydfx8r6d.js";
 import {
   ModelSelectorEmpty2
-} from "./chunk-cre60717.js";
+} from "./chunk-p8qtk151.js";
 import {
   ModelSelectorItem2
-} from "./chunk-vpj3vk7v.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-45kmek5e.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,

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";

package/dist/{chunk-aewjmzt9.js → chunk-jba22682.js}

@@ -6,13 +6,13 @@ import {
   Tooltip2,
   TooltipTrigger2,
   TooltipContent2
-} from "./chunk-czg9p52v.js";
+} from "./chunk-mz3e810d.js";
 import {
   Dialog2,
   DialogTrigger2,
   DialogContent2,
   DialogTitle2
-} from "./chunk-717ggspf.js";
+} from "./chunk-70vndezn.js";
 import {
   Avatar2,
   AvatarImage2,
@@ -20,7 +20,7 @@ import {
 } from "./chunk-gg39sggp.js";
 import {
   TooltipIconButton2
-} from "./chunk-q40gqpwh.js";
+} from "./chunk-qgjjcmpa.js";
 
 // src/components/assistant-ui/native/AttachmentPreview.tsx
 import { useState, isValidElement } from "react";

package/dist/{chunk-82cw4kcg.js → chunk-jf0y740b.js}

@@ -4,7 +4,7 @@ import {
 import {
   Card2,
   CardContent2
-} from "./chunk-v4yqjvzd.js";
+} from "./chunk-bygq5yqf.js";
 import {
   FieldSet2,
   FieldLegend2,

package/dist/{chunk-fyb0b7bp.js → chunk-jpamrhdk.js}

@@ -5,7 +5,7 @@ import {
   Card2,
   CardContent2,
   CardFooter2
-} from "./chunk-v4yqjvzd.js";
+} from "./chunk-bygq5yqf.js";
 import {
   Field2,
   FieldLabel2

package/dist/{chunk-gyg2s982.js → chunk-k4qz4q7r.js}

@@ -41,6 +41,7 @@ function ApprovalCard2({
     role: "group",
     "data-testid": "ApprovalCard",
     "data-slot": "approval-card",
+    "data-scroll": "none",
     "data-variant": variant,
     "aria-labelledby": titleId,
     "aria-describedby": description ? descriptionId : undefined,

package/dist/{chunk-s3b87adw.js → chunk-kv1akmf5.js}

@@ -7,7 +7,7 @@ import {
   CardTitle2,
   CardDescription2,
   CardContent2
-} from "./chunk-v4yqjvzd.js";
+} from "./chunk-bygq5yqf.js";
 import {
   codeScroll,
   codeSurface

package/dist/{chunk-2g0zzx6f.js → chunk-m2ct74my.js}

@@ -31,6 +31,7 @@ function RecommendationCard2({
   return /* @__PURE__ */ jsxs("div", {
     "data-testid": "RecommendationCard",
     "data-slot": "recommendation-card",
+    "data-scroll": "none",
     className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-3 rounded-md p-4"), className),
     ...props,
     ...focusHandlers,

package/dist/{chunk-c6b2cfw4.js → chunk-mrrbycgx.js}

@@ -1,12 +1,12 @@
 import {
   ModelSelectorRoot2
-} from "./chunk-9dw4dyzq.js";
+} from "./chunk-e0pv0me5.js";
 import {
   ModelSelectorTrigger2
-} from "./chunk-h8awhm19.js";
+} from "./chunk-96wh7ccv.js";
 import {
   ModelSelectorContent2
-} from "./chunk-6wvtsf2m.js";
+} from "./chunk-14qj6w54.js";
 
 // src/components/assistant-ui/elements/ModelSelector.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/chunk-mz3e810d.js

@@ -0,0 +1,83 @@
+import {
+  useDensity
+} from "./chunk-e6hk39ev.js";
+import {
+  usePortalContainer2
+} from "./chunk-j89xg1ak.js";
+import {
+  usePortalNode,
+  PortalProvider2
+} from "./chunk-aa7m22zj.js";
+import {
+  useDirection2
+} from "./chunk-jpvw9xqy.js";
+import {
+  cn2
+} from "./chunk-cp2m7y7v.js";
+
+// src/components/Tooltip.tsx
+import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
+import { jsx, jsxs } from "react/jsx-runtime";
+function TooltipProvider2({ delay = 0, ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
+    "data-slot": "tooltip-provider",
+    delay,
+    ...props
+  });
+}
+function Tooltip2({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
+    "data-slot": "tooltip",
+    ...props
+  });
+}
+function TooltipTrigger2({ ...props }) {
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
+    "data-slot": "tooltip-trigger",
+    ...props
+  });
+}
+function TooltipContent2({
+  density,
+  className,
+  side = "top",
+  sideOffset = 4,
+  align = "center",
+  alignOffset = 0,
+  children,
+  ...props
+}) {
+  const resolvedDensity = useDensity(density);
+  const direction = useDirection2();
+  const container = usePortalContainer2();
+  const portal = usePortalNode();
+  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, {
+    container,
+    ref: portal.ref,
+    children: /* @__PURE__ */ jsx(PortalProvider2, {
+      container: portal.node,
+      children: /* @__PURE__ */ jsx(TooltipPrimitive.Positioner, {
+        dir: direction,
+        align,
+        alignOffset,
+        side,
+        sideOffset,
+        className: "isolate ",
+        children: /* @__PURE__ */ jsxs(TooltipPrimitive.Popup, {
+          "data-density": resolvedDensity,
+          "data-slot": "tooltip-content",
+          className: (state) => cn2("inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-control-gap rounded-md border border-frame-edge shadow-frame bg-popover px-3 py-1.5 font-sans text-xs text-popover-foreground has-data-[slot=kbd]:pe-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **: **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 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: [
+            children,
+            /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, {
+              className: " size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-popover fill-popover data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-start-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-end-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5"
+            })
+          ]
+        })
+      })
+    })
+  });
+}
+
+export { TooltipProvider2, Tooltip2, TooltipTrigger2, TooltipContent2 };

package/dist/{chunk-serw27sv.js → chunk-nkw2vsf3.js}

@@ -40,6 +40,7 @@ function SettingsPanel2({
   return /* @__PURE__ */ jsxs("div", {
     "data-testid": "SettingsPanel",
     "data-slot": "settings-panel",
+    "data-scroll": "none",
     className: cn2(cn2(paper, "flex w-full max-w-sm flex-col gap-4 rounded-md p-4"), className),
     ...props,
     children: [