@mastra/playground-ui 35.0.0 → 35.1.0-alpha.0

package/dist/scroll-area-BqJfcT94.cjs

@@ -1,230 +0,0 @@
-'use strict';
-
-const jsxRuntime = require('react/jsx-runtime');
-const scrollArea = require('@base-ui/react/scroll-area');
-const React = require('react');
-const utils = require('./utils-vA5sWo9W.cjs');
-
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
-  if (e) {
-    for (const k in e) {
-      if (k !== 'default') {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-const SCROLL_END_THRESHOLD = 8;
-const useAutoscroll = (ref, { enabled = true }) => {
-  const shouldScrollRef = React.useRef(enabled);
-  const scrollFrameRef = React.useRef(null);
-  const userScrollIntentRef = React.useRef(false);
-  const userScrollIntentTimeoutRef = React.useRef(null);
-  React.useEffect(() => {
-    if (!enabled) return;
-    if (!ref?.current) return;
-    const area = ref.current;
-    const scrollToEnd = () => {
-      if (!shouldScrollRef.current) return;
-      if (scrollFrameRef.current !== null) {
-        cancelAnimationFrame(scrollFrameRef.current);
-      }
-      scrollFrameRef.current = requestAnimationFrame(() => {
-        if (shouldScrollRef.current) {
-          area.scrollTop = area.scrollHeight;
-        }
-        scrollFrameRef.current = null;
-      });
-    };
-    const mutationObserver = new MutationObserver(scrollToEnd);
-    mutationObserver.observe(area, {
-      childList: true,
-      // observe direct children changes
-      subtree: true,
-      // observe all descendants
-      characterData: true
-      // observe text content changes
-    });
-    const resizeObserver = new ResizeObserver(scrollToEnd);
-    resizeObserver.observe(area);
-    const cancelPendingScroll = () => {
-      if (scrollFrameRef.current !== null) {
-        cancelAnimationFrame(scrollFrameRef.current);
-        scrollFrameRef.current = null;
-      }
-    };
-    const stopFollowing = () => {
-      shouldScrollRef.current = false;
-      cancelPendingScroll();
-    };
-    const registerUserScrollIntent = () => {
-      userScrollIntentRef.current = true;
-      if (userScrollIntentTimeoutRef.current !== null) {
-        window.clearTimeout(userScrollIntentTimeoutRef.current);
-      }
-      userScrollIntentTimeoutRef.current = window.setTimeout(() => {
-        userScrollIntentRef.current = false;
-        userScrollIntentTimeoutRef.current = null;
-      }, 250);
-    };
-    const handleWheel = (event) => {
-      registerUserScrollIntent();
-      if (event.deltaY < 0) {
-        stopFollowing();
-      }
-    };
-    const handleKeyDown = (event) => {
-      registerUserScrollIntent();
-      if (["ArrowUp", "PageUp", "Home"].includes(event.key)) {
-        stopFollowing();
-      }
-    };
-    const handleScroll = (e) => {
-      const scrollElement = e.target;
-      const currentPosition = scrollElement.scrollTop + scrollElement.clientHeight;
-      const totalHeight = scrollElement.scrollHeight;
-      const isAtEnd = currentPosition >= totalHeight - SCROLL_END_THRESHOLD;
-      if (isAtEnd) {
-        shouldScrollRef.current = true;
-        return;
-      }
-      if (userScrollIntentRef.current) {
-        shouldScrollRef.current = false;
-        cancelPendingScroll();
-      }
-    };
-    area.addEventListener("wheel", handleWheel, { passive: true });
-    area.addEventListener("touchmove", registerUserScrollIntent, { passive: true });
-    area.addEventListener("pointerdown", registerUserScrollIntent);
-    area.addEventListener("keydown", handleKeyDown);
-    area.addEventListener("scroll", handleScroll);
-    scrollToEnd();
-    return () => {
-      area.removeEventListener("wheel", handleWheel);
-      area.removeEventListener("touchmove", registerUserScrollIntent);
-      area.removeEventListener("pointerdown", registerUserScrollIntent);
-      area.removeEventListener("keydown", handleKeyDown);
-      area.removeEventListener("scroll", handleScroll);
-      mutationObserver.disconnect();
-      resizeObserver.disconnect();
-      cancelPendingScroll();
-      if (userScrollIntentTimeoutRef.current !== null) {
-        window.clearTimeout(userScrollIntentTimeoutRef.current);
-        userScrollIntentTimeoutRef.current = null;
-      }
-    };
-  }, [enabled, ref]);
-};
-
-function resolveMask(mask, orientation) {
-  if (mask === false) return { top: false, bottom: false, left: false, right: false };
-  const vertical = orientation === "vertical" || orientation === "both";
-  const horizontal = orientation === "horizontal" || orientation === "both";
-  const sides = { top: vertical, bottom: vertical, left: horizontal, right: horizontal };
-  if (mask === true || mask === void 0) return sides;
-  if (mask.y !== void 0) {
-    sides.top = mask.y;
-    sides.bottom = mask.y;
-  }
-  if (mask.x !== void 0) {
-    sides.left = mask.x;
-    sides.right = mask.x;
-  }
-  if (mask.top !== void 0) sides.top = mask.top;
-  if (mask.bottom !== void 0) sides.bottom = mask.bottom;
-  if (mask.left !== void 0) sides.left = mask.left;
-  if (mask.right !== void 0) sides.right = mask.right;
-  return sides;
-}
-function maskClasses(sides) {
-  return utils.cn(
-    sides.top && "data-[overflow-y-start]:mask-t-from-[calc(100%-2rem)]",
-    sides.bottom && "data-[overflow-y-end]:mask-b-from-[calc(100%-2rem)]",
-    sides.left && "data-[overflow-x-start]:mask-l-from-[calc(100%-2rem)]",
-    sides.right && "data-[overflow-x-end]:mask-r-from-[calc(100%-2rem)]"
-  );
-}
-const ScrollArea = React__namespace.forwardRef(
-  ({
-    className,
-    children,
-    viewPortClassName,
-    maxHeight,
-    autoScroll = false,
-    orientation = "vertical",
-    mask,
-    showMask,
-    viewportRef,
-    ...props
-  }, ref) => {
-    const areaRef = React__namespace.useRef(null);
-    useAutoscroll(areaRef, { enabled: autoScroll });
-    const setViewportRef = React__namespace.useCallback(
-      (node) => {
-        areaRef.current = node;
-        if (typeof viewportRef === "function") viewportRef(node);
-        else if (viewportRef) viewportRef.current = node;
-      },
-      [viewportRef]
-    );
-    const effectiveMask = mask !== void 0 ? mask : showMask;
-    const sides = resolveMask(effectiveMask, orientation);
-    const viewportStyle = {};
-    if (maxHeight) viewportStyle.maxHeight = maxHeight;
-    if (orientation === "vertical") {
-      viewportStyle.overflowX = "hidden";
-      viewportStyle.overflowY = "scroll";
-    } else if (orientation === "horizontal") {
-      viewportStyle.overflowX = "scroll";
-      viewportStyle.overflowY = "hidden";
-    }
-    const contentStyle = orientation === "vertical" ? { minWidth: "0px" } : orientation === "horizontal" ? { minHeight: "0px" } : void 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs(scrollArea.ScrollArea.Root, { ref, className: utils.cn("relative overflow-hidden", className), ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        scrollArea.ScrollArea.Viewport,
-        {
-          ref: setViewportRef,
-          className: utils.cn("h-full w-full rounded-[inherit]", maskClasses(sides), viewPortClassName),
-          style: viewportStyle,
-          children: /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea.Content, { style: contentStyle, children })
-        }
-      ),
-      (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "vertical" }),
-      (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsxRuntime.jsx(ScrollBar, { orientation: "horizontal" }),
-      orientation === "both" && /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea.Corner, {})
-    ] });
-  }
-);
-ScrollArea.displayName = "ScrollArea";
-const ScrollBar = React__namespace.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-  scrollArea.ScrollArea.Scrollbar,
-  {
-    ref,
-    orientation,
-    className: utils.cn(
-      "flex touch-none select-none transition-opacity duration-normal ease-out-custom",
-      "opacity-0 data-[hovering]:opacity-100 data-[scrolling]:opacity-100 data-[scrolling]:duration-0",
-      orientation === "vertical" && "h-full w-1.5 p-px",
-      orientation === "horizontal" && "h-1.5 w-full flex-col p-px",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsx(scrollArea.ScrollArea.Thumb, { className: "relative flex-1 rounded-full bg-neutral4/30 hover:bg-neutral4/60 transition-colors duration-normal" })
-  }
-));
-ScrollBar.displayName = "ScrollBar";
-
-exports.ScrollArea = ScrollArea;
-exports.ScrollBar = ScrollBar;
-exports.useAutoscroll = useAutoscroll;
-//# sourceMappingURL=scroll-area-BqJfcT94.cjs.map

package/dist/scroll-area-BqJfcT94.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll-area-BqJfcT94.cjs","sources":["../src/hooks/use-autoscroll.tsx","../src/ds/components/ScrollArea/scroll-area.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nexport interface UseAutoscrollOptions {\n  enabled?: boolean;\n}\n\nconst SCROLL_END_THRESHOLD = 8;\n\nexport const useAutoscroll = (ref: React.RefObject<HTMLElement | null>, { enabled = true }: UseAutoscrollOptions) => {\n  const shouldScrollRef = useRef(enabled);\n  const scrollFrameRef = useRef<number | null>(null);\n  const userScrollIntentRef = useRef(false);\n  const userScrollIntentTimeoutRef = useRef<number | null>(null);\n\n  React.useEffect(() => {\n    if (!enabled) return;\n    if (!ref?.current) return;\n\n    const area = ref.current;\n\n    const scrollToEnd = () => {\n      if (!shouldScrollRef.current) return;\n\n      if (scrollFrameRef.current !== null) {\n        cancelAnimationFrame(scrollFrameRef.current);\n      }\n\n      scrollFrameRef.current = requestAnimationFrame(() => {\n        if (shouldScrollRef.current) {\n          area.scrollTop = area.scrollHeight;\n        }\n        scrollFrameRef.current = null;\n      });\n    };\n\n    const mutationObserver = new MutationObserver(scrollToEnd);\n\n    mutationObserver.observe(area, {\n      childList: true, // observe direct children changes\n      subtree: true, // observe all descendants\n      characterData: true, // observe text content changes\n    });\n\n    const resizeObserver = new ResizeObserver(scrollToEnd);\n    resizeObserver.observe(area);\n\n    const cancelPendingScroll = () => {\n      if (scrollFrameRef.current !== null) {\n        cancelAnimationFrame(scrollFrameRef.current);\n        scrollFrameRef.current = null;\n      }\n    };\n\n    const stopFollowing = () => {\n      shouldScrollRef.current = false;\n      cancelPendingScroll();\n    };\n\n    const registerUserScrollIntent = () => {\n      userScrollIntentRef.current = true;\n\n      if (userScrollIntentTimeoutRef.current !== null) {\n        window.clearTimeout(userScrollIntentTimeoutRef.current);\n      }\n\n      userScrollIntentTimeoutRef.current = window.setTimeout(() => {\n        userScrollIntentRef.current = false;\n        userScrollIntentTimeoutRef.current = null;\n      }, 250);\n    };\n\n    const handleWheel = (event: WheelEvent) => {\n      registerUserScrollIntent();\n\n      if (event.deltaY < 0) {\n        stopFollowing();\n      }\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      registerUserScrollIntent();\n\n      if (['ArrowUp', 'PageUp', 'Home'].includes(event.key)) {\n        stopFollowing();\n      }\n    };\n\n    const handleScroll = (e: Event) => {\n      const scrollElement = e.target as HTMLElement;\n      const currentPosition = scrollElement.scrollTop + scrollElement.clientHeight;\n      const totalHeight = scrollElement.scrollHeight;\n      const isAtEnd = currentPosition >= totalHeight - SCROLL_END_THRESHOLD;\n\n      if (isAtEnd) {\n        shouldScrollRef.current = true;\n        return;\n      }\n\n      if (userScrollIntentRef.current) {\n        shouldScrollRef.current = false;\n        cancelPendingScroll();\n      }\n    };\n\n    area.addEventListener('wheel', handleWheel, { passive: true });\n    area.addEventListener('touchmove', registerUserScrollIntent, { passive: true });\n    area.addEventListener('pointerdown', registerUserScrollIntent);\n    area.addEventListener('keydown', handleKeyDown);\n    area.addEventListener('scroll', handleScroll);\n    scrollToEnd();\n\n    return () => {\n      area.removeEventListener('wheel', handleWheel);\n      area.removeEventListener('touchmove', registerUserScrollIntent);\n      area.removeEventListener('pointerdown', registerUserScrollIntent);\n      area.removeEventListener('keydown', handleKeyDown);\n      area.removeEventListener('scroll', handleScroll);\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n      cancelPendingScroll();\n\n      if (userScrollIntentTimeoutRef.current !== null) {\n        window.clearTimeout(userScrollIntentTimeoutRef.current);\n        userScrollIntentTimeoutRef.current = null;\n      }\n    };\n  }, [enabled, ref]);\n};\n","import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport * as React from 'react';\n\nimport { useAutoscroll } from '@/hooks/use-autoscroll';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'vertical' | 'horizontal' | 'both';\n\nexport type MaskSides = {\n  top?: boolean;\n  bottom?: boolean;\n  left?: boolean;\n  right?: boolean;\n  /** Shorthand: sets both `left` and `right`. Per-side keys override. */\n  x?: boolean;\n  /** Shorthand: sets both `top` and `bottom`. Per-side keys override. */\n  y?: boolean;\n};\n\n/**\n * - `true` / omitted: fade the edges that match `orientation`.\n * - `false`: no fade.\n * - object: per-side override on top of the orientation default.\n */\nexport type ScrollAreaMask = boolean | MaskSides;\n\nexport type ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {\n  viewPortClassName?: string;\n  maxHeight?: string;\n  autoScroll?: boolean;\n  orientation?: Orientation;\n  /** Fade content at the edges where it's clipped by overflow. Defaults to the axes matching `orientation`. */\n  mask?: ScrollAreaMask;\n  /** @deprecated Use `mask` instead. Retained for backward compatibility. */\n  showMask?: boolean;\n  /**\n   * Ref to the scrolling viewport element. Use this as the scroll element for a\n   * virtualizer (`getScrollElement: () => viewportRef.current`) so the list can\n   * virtualize while still using the ScrollArea's overlay scrollbar + masks.\n   */\n  viewportRef?: React.Ref<HTMLDivElement>;\n};\n\ntype ResolvedMask = { top: boolean; bottom: boolean; left: boolean; right: boolean };\n\nfunction resolveMask(mask: ScrollAreaMask | undefined, orientation: Orientation): ResolvedMask {\n  if (mask === false) return { top: false, bottom: false, left: false, right: false };\n\n  const vertical = orientation === 'vertical' || orientation === 'both';\n  const horizontal = orientation === 'horizontal' || orientation === 'both';\n  const sides: ResolvedMask = { top: vertical, bottom: vertical, left: horizontal, right: horizontal };\n\n  if (mask === true || mask === undefined) return sides;\n\n  if (mask.y !== undefined) {\n    sides.top = mask.y;\n    sides.bottom = mask.y;\n  }\n  if (mask.x !== undefined) {\n    sides.left = mask.x;\n    sides.right = mask.x;\n  }\n  if (mask.top !== undefined) sides.top = mask.top;\n  if (mask.bottom !== undefined) sides.bottom = mask.bottom;\n  if (mask.left !== undefined) sides.left = mask.left;\n  if (mask.right !== undefined) sides.right = mask.right;\n\n  return sides;\n}\n\nfunction maskClasses(sides: ResolvedMask) {\n  return cn(\n    sides.top && 'data-[overflow-y-start]:mask-t-from-[calc(100%-2rem)]',\n    sides.bottom && 'data-[overflow-y-end]:mask-b-from-[calc(100%-2rem)]',\n    sides.left && 'data-[overflow-x-start]:mask-l-from-[calc(100%-2rem)]',\n    sides.right && 'data-[overflow-x-end]:mask-r-from-[calc(100%-2rem)]',\n  );\n}\n\nconst ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(\n  (\n    {\n      className,\n      children,\n      viewPortClassName,\n      maxHeight,\n      autoScroll = false,\n      orientation = 'vertical',\n      mask,\n      showMask,\n      viewportRef,\n      ...props\n    },\n    ref,\n  ) => {\n    const areaRef = React.useRef<HTMLDivElement>(null);\n    useAutoscroll(areaRef, { enabled: autoScroll });\n\n    // Keep the internal autoscroll ref while also exposing the viewport to callers\n    // (e.g. a virtualizer's scroll element).\n    const setViewportRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        areaRef.current = node;\n        if (typeof viewportRef === 'function') viewportRef(node);\n        else if (viewportRef) (viewportRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [viewportRef],\n    );\n\n    const effectiveMask: ScrollAreaMask | undefined = mask !== undefined ? mask : showMask;\n    const sides = resolveMask(effectiveMask, orientation);\n\n    const viewportStyle: React.CSSProperties = {};\n    if (maxHeight) viewportStyle.maxHeight = maxHeight;\n    if (orientation === 'vertical') {\n      viewportStyle.overflowX = 'hidden';\n      viewportStyle.overflowY = 'scroll';\n    } else if (orientation === 'horizontal') {\n      viewportStyle.overflowX = 'scroll';\n      viewportStyle.overflowY = 'hidden';\n    }\n\n    // Base UI's ScrollAreaContent forces `min-width: fit-content` so the\n    // content can grow wider than the viewport (required for horizontal scroll\n    // measurement). For vertical-only scroll we override it so children shrink\n    // to the viewport width instead of forcing horizontal scroll.\n    const contentStyle: React.CSSProperties | undefined =\n      orientation === 'vertical'\n        ? { minWidth: '0px' }\n        : orientation === 'horizontal'\n          ? { minHeight: '0px' }\n          : undefined;\n\n    return (\n      <ScrollAreaPrimitive.Root ref={ref} className={cn('relative overflow-hidden', className)} {...props}>\n        <ScrollAreaPrimitive.Viewport\n          ref={setViewportRef}\n          className={cn('h-full w-full rounded-[inherit]', maskClasses(sides), viewPortClassName)}\n          style={viewportStyle}\n        >\n          <ScrollAreaPrimitive.Content style={contentStyle}>{children}</ScrollAreaPrimitive.Content>\n        </ScrollAreaPrimitive.Viewport>\n        {(orientation === 'vertical' || orientation === 'both') && <ScrollBar orientation=\"vertical\" />}\n        {(orientation === 'horizontal' || orientation === 'both') && <ScrollBar orientation=\"horizontal\" />}\n        {orientation === 'both' && <ScrollAreaPrimitive.Corner />}\n      </ScrollAreaPrimitive.Root>\n    );\n  },\n);\nScrollArea.displayName = 'ScrollArea';\n\nconst ScrollBar = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <ScrollAreaPrimitive.Scrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      'flex touch-none select-none transition-opacity duration-normal ease-out-custom',\n      'opacity-0 data-[hovering]:opacity-100 data-[scrolling]:opacity-100 data-[scrolling]:duration-0',\n      orientation === 'vertical' && 'h-full w-1.5 p-px',\n      orientation === 'horizontal' && 'h-1.5 w-full flex-col p-px',\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Thumb className=\"relative flex-1 rounded-full bg-neutral4/30 hover:bg-neutral4/60 transition-colors duration-normal\" />\n  </ScrollAreaPrimitive.Scrollbar>\n));\nScrollBar.displayName = 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\n"],"names":["useRef","cn","React","jsxs","ScrollAreaPrimitive","jsx"],"mappings":"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"}

package/dist/scroll-area-BtDqmqBK.js

@@ -1,208 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
-import * as React from 'react';
-import React__default, { useRef } from 'react';
-import { c as cn } from './utils-CzYGxqbG.js';
-
-const SCROLL_END_THRESHOLD = 8;
-const useAutoscroll = (ref, { enabled = true }) => {
-  const shouldScrollRef = useRef(enabled);
-  const scrollFrameRef = useRef(null);
-  const userScrollIntentRef = useRef(false);
-  const userScrollIntentTimeoutRef = useRef(null);
-  React__default.useEffect(() => {
-    if (!enabled) return;
-    if (!ref?.current) return;
-    const area = ref.current;
-    const scrollToEnd = () => {
-      if (!shouldScrollRef.current) return;
-      if (scrollFrameRef.current !== null) {
-        cancelAnimationFrame(scrollFrameRef.current);
-      }
-      scrollFrameRef.current = requestAnimationFrame(() => {
-        if (shouldScrollRef.current) {
-          area.scrollTop = area.scrollHeight;
-        }
-        scrollFrameRef.current = null;
-      });
-    };
-    const mutationObserver = new MutationObserver(scrollToEnd);
-    mutationObserver.observe(area, {
-      childList: true,
-      // observe direct children changes
-      subtree: true,
-      // observe all descendants
-      characterData: true
-      // observe text content changes
-    });
-    const resizeObserver = new ResizeObserver(scrollToEnd);
-    resizeObserver.observe(area);
-    const cancelPendingScroll = () => {
-      if (scrollFrameRef.current !== null) {
-        cancelAnimationFrame(scrollFrameRef.current);
-        scrollFrameRef.current = null;
-      }
-    };
-    const stopFollowing = () => {
-      shouldScrollRef.current = false;
-      cancelPendingScroll();
-    };
-    const registerUserScrollIntent = () => {
-      userScrollIntentRef.current = true;
-      if (userScrollIntentTimeoutRef.current !== null) {
-        window.clearTimeout(userScrollIntentTimeoutRef.current);
-      }
-      userScrollIntentTimeoutRef.current = window.setTimeout(() => {
-        userScrollIntentRef.current = false;
-        userScrollIntentTimeoutRef.current = null;
-      }, 250);
-    };
-    const handleWheel = (event) => {
-      registerUserScrollIntent();
-      if (event.deltaY < 0) {
-        stopFollowing();
-      }
-    };
-    const handleKeyDown = (event) => {
-      registerUserScrollIntent();
-      if (["ArrowUp", "PageUp", "Home"].includes(event.key)) {
-        stopFollowing();
-      }
-    };
-    const handleScroll = (e) => {
-      const scrollElement = e.target;
-      const currentPosition = scrollElement.scrollTop + scrollElement.clientHeight;
-      const totalHeight = scrollElement.scrollHeight;
-      const isAtEnd = currentPosition >= totalHeight - SCROLL_END_THRESHOLD;
-      if (isAtEnd) {
-        shouldScrollRef.current = true;
-        return;
-      }
-      if (userScrollIntentRef.current) {
-        shouldScrollRef.current = false;
-        cancelPendingScroll();
-      }
-    };
-    area.addEventListener("wheel", handleWheel, { passive: true });
-    area.addEventListener("touchmove", registerUserScrollIntent, { passive: true });
-    area.addEventListener("pointerdown", registerUserScrollIntent);
-    area.addEventListener("keydown", handleKeyDown);
-    area.addEventListener("scroll", handleScroll);
-    scrollToEnd();
-    return () => {
-      area.removeEventListener("wheel", handleWheel);
-      area.removeEventListener("touchmove", registerUserScrollIntent);
-      area.removeEventListener("pointerdown", registerUserScrollIntent);
-      area.removeEventListener("keydown", handleKeyDown);
-      area.removeEventListener("scroll", handleScroll);
-      mutationObserver.disconnect();
-      resizeObserver.disconnect();
-      cancelPendingScroll();
-      if (userScrollIntentTimeoutRef.current !== null) {
-        window.clearTimeout(userScrollIntentTimeoutRef.current);
-        userScrollIntentTimeoutRef.current = null;
-      }
-    };
-  }, [enabled, ref]);
-};
-
-function resolveMask(mask, orientation) {
-  if (mask === false) return { top: false, bottom: false, left: false, right: false };
-  const vertical = orientation === "vertical" || orientation === "both";
-  const horizontal = orientation === "horizontal" || orientation === "both";
-  const sides = { top: vertical, bottom: vertical, left: horizontal, right: horizontal };
-  if (mask === true || mask === void 0) return sides;
-  if (mask.y !== void 0) {
-    sides.top = mask.y;
-    sides.bottom = mask.y;
-  }
-  if (mask.x !== void 0) {
-    sides.left = mask.x;
-    sides.right = mask.x;
-  }
-  if (mask.top !== void 0) sides.top = mask.top;
-  if (mask.bottom !== void 0) sides.bottom = mask.bottom;
-  if (mask.left !== void 0) sides.left = mask.left;
-  if (mask.right !== void 0) sides.right = mask.right;
-  return sides;
-}
-function maskClasses(sides) {
-  return cn(
-    sides.top && "data-[overflow-y-start]:mask-t-from-[calc(100%-2rem)]",
-    sides.bottom && "data-[overflow-y-end]:mask-b-from-[calc(100%-2rem)]",
-    sides.left && "data-[overflow-x-start]:mask-l-from-[calc(100%-2rem)]",
-    sides.right && "data-[overflow-x-end]:mask-r-from-[calc(100%-2rem)]"
-  );
-}
-const ScrollArea = React.forwardRef(
-  ({
-    className,
-    children,
-    viewPortClassName,
-    maxHeight,
-    autoScroll = false,
-    orientation = "vertical",
-    mask,
-    showMask,
-    viewportRef,
-    ...props
-  }, ref) => {
-    const areaRef = React.useRef(null);
-    useAutoscroll(areaRef, { enabled: autoScroll });
-    const setViewportRef = React.useCallback(
-      (node) => {
-        areaRef.current = node;
-        if (typeof viewportRef === "function") viewportRef(node);
-        else if (viewportRef) viewportRef.current = node;
-      },
-      [viewportRef]
-    );
-    const effectiveMask = mask !== void 0 ? mask : showMask;
-    const sides = resolveMask(effectiveMask, orientation);
-    const viewportStyle = {};
-    if (maxHeight) viewportStyle.maxHeight = maxHeight;
-    if (orientation === "vertical") {
-      viewportStyle.overflowX = "hidden";
-      viewportStyle.overflowY = "scroll";
-    } else if (orientation === "horizontal") {
-      viewportStyle.overflowX = "scroll";
-      viewportStyle.overflowY = "hidden";
-    }
-    const contentStyle = orientation === "vertical" ? { minWidth: "0px" } : orientation === "horizontal" ? { minHeight: "0px" } : void 0;
-    return /* @__PURE__ */ jsxs(ScrollArea$1.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
-      /* @__PURE__ */ jsx(
-        ScrollArea$1.Viewport,
-        {
-          ref: setViewportRef,
-          className: cn("h-full w-full rounded-[inherit]", maskClasses(sides), viewPortClassName),
-          style: viewportStyle,
-          children: /* @__PURE__ */ jsx(ScrollArea$1.Content, { style: contentStyle, children })
-        }
-      ),
-      (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" }),
-      (orientation === "horizontal" || orientation === "both") && /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
-      orientation === "both" && /* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
-    ] });
-  }
-);
-ScrollArea.displayName = "ScrollArea";
-const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
-  ScrollArea$1.Scrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none select-none transition-opacity duration-normal ease-out-custom",
-      "opacity-0 data-[hovering]:opacity-100 data-[scrolling]:opacity-100 data-[scrolling]:duration-0",
-      orientation === "vertical" && "h-full w-1.5 p-px",
-      orientation === "horizontal" && "h-1.5 w-full flex-col p-px",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(ScrollArea$1.Thumb, { className: "relative flex-1 rounded-full bg-neutral4/30 hover:bg-neutral4/60 transition-colors duration-normal" })
-  }
-));
-ScrollBar.displayName = "ScrollBar";
-
-export { ScrollArea as S, ScrollBar as a, useAutoscroll as u };
-//# sourceMappingURL=scroll-area-BtDqmqBK.js.map

package/dist/scroll-area-BtDqmqBK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll-area-BtDqmqBK.js","sources":["../src/hooks/use-autoscroll.tsx","../src/ds/components/ScrollArea/scroll-area.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nexport interface UseAutoscrollOptions {\n  enabled?: boolean;\n}\n\nconst SCROLL_END_THRESHOLD = 8;\n\nexport const useAutoscroll = (ref: React.RefObject<HTMLElement | null>, { enabled = true }: UseAutoscrollOptions) => {\n  const shouldScrollRef = useRef(enabled);\n  const scrollFrameRef = useRef<number | null>(null);\n  const userScrollIntentRef = useRef(false);\n  const userScrollIntentTimeoutRef = useRef<number | null>(null);\n\n  React.useEffect(() => {\n    if (!enabled) return;\n    if (!ref?.current) return;\n\n    const area = ref.current;\n\n    const scrollToEnd = () => {\n      if (!shouldScrollRef.current) return;\n\n      if (scrollFrameRef.current !== null) {\n        cancelAnimationFrame(scrollFrameRef.current);\n      }\n\n      scrollFrameRef.current = requestAnimationFrame(() => {\n        if (shouldScrollRef.current) {\n          area.scrollTop = area.scrollHeight;\n        }\n        scrollFrameRef.current = null;\n      });\n    };\n\n    const mutationObserver = new MutationObserver(scrollToEnd);\n\n    mutationObserver.observe(area, {\n      childList: true, // observe direct children changes\n      subtree: true, // observe all descendants\n      characterData: true, // observe text content changes\n    });\n\n    const resizeObserver = new ResizeObserver(scrollToEnd);\n    resizeObserver.observe(area);\n\n    const cancelPendingScroll = () => {\n      if (scrollFrameRef.current !== null) {\n        cancelAnimationFrame(scrollFrameRef.current);\n        scrollFrameRef.current = null;\n      }\n    };\n\n    const stopFollowing = () => {\n      shouldScrollRef.current = false;\n      cancelPendingScroll();\n    };\n\n    const registerUserScrollIntent = () => {\n      userScrollIntentRef.current = true;\n\n      if (userScrollIntentTimeoutRef.current !== null) {\n        window.clearTimeout(userScrollIntentTimeoutRef.current);\n      }\n\n      userScrollIntentTimeoutRef.current = window.setTimeout(() => {\n        userScrollIntentRef.current = false;\n        userScrollIntentTimeoutRef.current = null;\n      }, 250);\n    };\n\n    const handleWheel = (event: WheelEvent) => {\n      registerUserScrollIntent();\n\n      if (event.deltaY < 0) {\n        stopFollowing();\n      }\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      registerUserScrollIntent();\n\n      if (['ArrowUp', 'PageUp', 'Home'].includes(event.key)) {\n        stopFollowing();\n      }\n    };\n\n    const handleScroll = (e: Event) => {\n      const scrollElement = e.target as HTMLElement;\n      const currentPosition = scrollElement.scrollTop + scrollElement.clientHeight;\n      const totalHeight = scrollElement.scrollHeight;\n      const isAtEnd = currentPosition >= totalHeight - SCROLL_END_THRESHOLD;\n\n      if (isAtEnd) {\n        shouldScrollRef.current = true;\n        return;\n      }\n\n      if (userScrollIntentRef.current) {\n        shouldScrollRef.current = false;\n        cancelPendingScroll();\n      }\n    };\n\n    area.addEventListener('wheel', handleWheel, { passive: true });\n    area.addEventListener('touchmove', registerUserScrollIntent, { passive: true });\n    area.addEventListener('pointerdown', registerUserScrollIntent);\n    area.addEventListener('keydown', handleKeyDown);\n    area.addEventListener('scroll', handleScroll);\n    scrollToEnd();\n\n    return () => {\n      area.removeEventListener('wheel', handleWheel);\n      area.removeEventListener('touchmove', registerUserScrollIntent);\n      area.removeEventListener('pointerdown', registerUserScrollIntent);\n      area.removeEventListener('keydown', handleKeyDown);\n      area.removeEventListener('scroll', handleScroll);\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n      cancelPendingScroll();\n\n      if (userScrollIntentTimeoutRef.current !== null) {\n        window.clearTimeout(userScrollIntentTimeoutRef.current);\n        userScrollIntentTimeoutRef.current = null;\n      }\n    };\n  }, [enabled, ref]);\n};\n","import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';\nimport * as React from 'react';\n\nimport { useAutoscroll } from '@/hooks/use-autoscroll';\nimport { cn } from '@/lib/utils';\n\ntype Orientation = 'vertical' | 'horizontal' | 'both';\n\nexport type MaskSides = {\n  top?: boolean;\n  bottom?: boolean;\n  left?: boolean;\n  right?: boolean;\n  /** Shorthand: sets both `left` and `right`. Per-side keys override. */\n  x?: boolean;\n  /** Shorthand: sets both `top` and `bottom`. Per-side keys override. */\n  y?: boolean;\n};\n\n/**\n * - `true` / omitted: fade the edges that match `orientation`.\n * - `false`: no fade.\n * - object: per-side override on top of the orientation default.\n */\nexport type ScrollAreaMask = boolean | MaskSides;\n\nexport type ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {\n  viewPortClassName?: string;\n  maxHeight?: string;\n  autoScroll?: boolean;\n  orientation?: Orientation;\n  /** Fade content at the edges where it's clipped by overflow. Defaults to the axes matching `orientation`. */\n  mask?: ScrollAreaMask;\n  /** @deprecated Use `mask` instead. Retained for backward compatibility. */\n  showMask?: boolean;\n  /**\n   * Ref to the scrolling viewport element. Use this as the scroll element for a\n   * virtualizer (`getScrollElement: () => viewportRef.current`) so the list can\n   * virtualize while still using the ScrollArea's overlay scrollbar + masks.\n   */\n  viewportRef?: React.Ref<HTMLDivElement>;\n};\n\ntype ResolvedMask = { top: boolean; bottom: boolean; left: boolean; right: boolean };\n\nfunction resolveMask(mask: ScrollAreaMask | undefined, orientation: Orientation): ResolvedMask {\n  if (mask === false) return { top: false, bottom: false, left: false, right: false };\n\n  const vertical = orientation === 'vertical' || orientation === 'both';\n  const horizontal = orientation === 'horizontal' || orientation === 'both';\n  const sides: ResolvedMask = { top: vertical, bottom: vertical, left: horizontal, right: horizontal };\n\n  if (mask === true || mask === undefined) return sides;\n\n  if (mask.y !== undefined) {\n    sides.top = mask.y;\n    sides.bottom = mask.y;\n  }\n  if (mask.x !== undefined) {\n    sides.left = mask.x;\n    sides.right = mask.x;\n  }\n  if (mask.top !== undefined) sides.top = mask.top;\n  if (mask.bottom !== undefined) sides.bottom = mask.bottom;\n  if (mask.left !== undefined) sides.left = mask.left;\n  if (mask.right !== undefined) sides.right = mask.right;\n\n  return sides;\n}\n\nfunction maskClasses(sides: ResolvedMask) {\n  return cn(\n    sides.top && 'data-[overflow-y-start]:mask-t-from-[calc(100%-2rem)]',\n    sides.bottom && 'data-[overflow-y-end]:mask-b-from-[calc(100%-2rem)]',\n    sides.left && 'data-[overflow-x-start]:mask-l-from-[calc(100%-2rem)]',\n    sides.right && 'data-[overflow-x-end]:mask-r-from-[calc(100%-2rem)]',\n  );\n}\n\nconst ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(\n  (\n    {\n      className,\n      children,\n      viewPortClassName,\n      maxHeight,\n      autoScroll = false,\n      orientation = 'vertical',\n      mask,\n      showMask,\n      viewportRef,\n      ...props\n    },\n    ref,\n  ) => {\n    const areaRef = React.useRef<HTMLDivElement>(null);\n    useAutoscroll(areaRef, { enabled: autoScroll });\n\n    // Keep the internal autoscroll ref while also exposing the viewport to callers\n    // (e.g. a virtualizer's scroll element).\n    const setViewportRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        areaRef.current = node;\n        if (typeof viewportRef === 'function') viewportRef(node);\n        else if (viewportRef) (viewportRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      },\n      [viewportRef],\n    );\n\n    const effectiveMask: ScrollAreaMask | undefined = mask !== undefined ? mask : showMask;\n    const sides = resolveMask(effectiveMask, orientation);\n\n    const viewportStyle: React.CSSProperties = {};\n    if (maxHeight) viewportStyle.maxHeight = maxHeight;\n    if (orientation === 'vertical') {\n      viewportStyle.overflowX = 'hidden';\n      viewportStyle.overflowY = 'scroll';\n    } else if (orientation === 'horizontal') {\n      viewportStyle.overflowX = 'scroll';\n      viewportStyle.overflowY = 'hidden';\n    }\n\n    // Base UI's ScrollAreaContent forces `min-width: fit-content` so the\n    // content can grow wider than the viewport (required for horizontal scroll\n    // measurement). For vertical-only scroll we override it so children shrink\n    // to the viewport width instead of forcing horizontal scroll.\n    const contentStyle: React.CSSProperties | undefined =\n      orientation === 'vertical'\n        ? { minWidth: '0px' }\n        : orientation === 'horizontal'\n          ? { minHeight: '0px' }\n          : undefined;\n\n    return (\n      <ScrollAreaPrimitive.Root ref={ref} className={cn('relative overflow-hidden', className)} {...props}>\n        <ScrollAreaPrimitive.Viewport\n          ref={setViewportRef}\n          className={cn('h-full w-full rounded-[inherit]', maskClasses(sides), viewPortClassName)}\n          style={viewportStyle}\n        >\n          <ScrollAreaPrimitive.Content style={contentStyle}>{children}</ScrollAreaPrimitive.Content>\n        </ScrollAreaPrimitive.Viewport>\n        {(orientation === 'vertical' || orientation === 'both') && <ScrollBar orientation=\"vertical\" />}\n        {(orientation === 'horizontal' || orientation === 'both') && <ScrollBar orientation=\"horizontal\" />}\n        {orientation === 'both' && <ScrollAreaPrimitive.Corner />}\n      </ScrollAreaPrimitive.Root>\n    );\n  },\n);\nScrollArea.displayName = 'ScrollArea';\n\nconst ScrollBar = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>\n>(({ className, orientation = 'vertical', ...props }, ref) => (\n  <ScrollAreaPrimitive.Scrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      'flex touch-none select-none transition-opacity duration-normal ease-out-custom',\n      'opacity-0 data-[hovering]:opacity-100 data-[scrolling]:opacity-100 data-[scrolling]:duration-0',\n      orientation === 'vertical' && 'h-full w-1.5 p-px',\n      orientation === 'horizontal' && 'h-1.5 w-full flex-col p-px',\n      className,\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Thumb className=\"relative flex-1 rounded-full bg-neutral4/30 hover:bg-neutral4/60 transition-colors duration-normal\" />\n  </ScrollAreaPrimitive.Scrollbar>\n));\nScrollBar.displayName = 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\n"],"names":["React","ScrollAreaPrimitive"],"mappings":"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"}

package/dist/scrollable-container-BqOFHwdb.js

@@ -1,151 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useState, useEffect, useCallback } from 'react';
-import { c as cn } from './utils-CzYGxqbG.js';
-
-const INDICATOR_WIDTH = 40;
-const INDICATOR_HEIGHT = 150;
-const INDICATOR_SPACE = 10;
-const ScrollableContainer = ({
-  className,
-  children,
-  scrollSpeed = 100,
-  scrollIntervalTime = 20
-}) => {
-  const containerRef = useRef(null);
-  const scrollInterval = useRef(null);
-  const [containerHeight, setContainerHeight] = useState(0);
-  const [containerRight, setContainerRight] = useState(0);
-  const [containerTop, setContainerTop] = useState(0);
-  const [containerLeft, setContainerLeft] = useState(0);
-  const [showRightIndicator, setShowRightIndicator] = useState(false);
-  const [showLeftIndicator, setShowLeftIndicator] = useState(false);
-  useEffect(() => {
-    const updatePositions = () => {
-      if (!containerRef.current) return;
-      const canScrollRight = containerRef.current.scrollLeft < containerRef.current.scrollWidth - containerRef.current.clientWidth;
-      setShowRightIndicator(canScrollRight);
-      setContainerHeight(containerRef.current.clientHeight);
-      const rect = containerRef.current.getBoundingClientRect();
-      setContainerRight(rect.right);
-      setContainerLeft(rect.left);
-      setContainerTop(rect.top);
-    };
-    updatePositions();
-    const resizeObserver = new ResizeObserver(updatePositions);
-    if (containerRef.current) {
-      resizeObserver.observe(containerRef.current);
-    }
-    const handleScroll = () => {
-      if (!containerRef.current) return;
-      const canScrollLeft = containerRef.current.scrollLeft > 0;
-      const canScrollRight = containerRef.current.scrollLeft < containerRef.current.scrollWidth - containerRef.current.clientWidth;
-      setShowLeftIndicator(canScrollLeft);
-      setShowRightIndicator(canScrollRight);
-      updatePositions();
-    };
-    containerRef?.current?.addEventListener("scroll", handleScroll);
-    const container = containerRef.current;
-    return () => {
-      if (container) {
-        resizeObserver.unobserve(container);
-        container.removeEventListener("scroll", handleScroll);
-      }
-    };
-  }, []);
-  const ScrollIndicator = ({
-    isVisible,
-    position,
-    containerHeight: containerHeight2,
-    containerTop: containerTop2,
-    containerRight: containerRight2,
-    onStartScrolling,
-    onStopScrolling
-  }) => {
-    if (!isVisible) return null;
-    const styles = {
-      top: containerHeight2 < INDICATOR_HEIGHT ? containerTop2 : containerTop2 + (containerHeight2 - INDICATOR_HEIGHT) / 2,
-      width: INDICATOR_WIDTH,
-      height: containerHeight2 < INDICATOR_HEIGHT ? `${containerHeight2}px` : `${INDICATOR_HEIGHT}px`
-    };
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onMouseDown: onStartScrolling,
-        onTouchStart: onStartScrolling,
-        onMouseUp: onStopScrolling,
-        onTouchEnd: onStopScrolling,
-        onTouchCancel: onStopScrolling,
-        className: "bg-surface4 text-neutral3 border-surface5 hover:border-neutral3 fixed z-10 flex items-center justify-center rounded-lg border text-2xl hover:text-white",
-        style: {
-          ...styles,
-          left: position === "left" ? containerLeft + INDICATOR_SPACE : containerRight2 - INDICATOR_WIDTH - INDICATOR_SPACE
-        },
-        children: [
-          " ",
-          position === "left" ? "«" : "»"
-        ]
-      }
-    );
-  };
-  const startScrolling = useCallback(
-    (direction, e) => {
-      e?.preventDefault();
-      e?.stopPropagation();
-      if (scrollInterval.current) {
-        clearInterval(scrollInterval.current);
-        scrollInterval.current = null;
-      }
-      if (containerRef.current) {
-        containerRef.current.scrollBy({
-          left: direction === "right" ? scrollSpeed * 2 : -scrollSpeed * 2,
-          behavior: "smooth"
-        });
-      }
-      scrollInterval.current = setInterval(() => {
-        if (containerRef.current) {
-          containerRef.current.scrollBy({
-            left: direction === "right" ? scrollSpeed : -scrollSpeed,
-            behavior: "smooth"
-          });
-        }
-      }, scrollIntervalTime);
-    },
-    [scrollSpeed, scrollIntervalTime]
-  );
-  const stopScrolling = useCallback(() => {
-    if (scrollInterval.current) {
-      clearInterval(scrollInterval.current);
-      scrollInterval.current = null;
-    }
-  }, []);
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("relative max-h-full overflow-auto", className), children: [
-    children,
-    /* @__PURE__ */ jsx(
-      ScrollIndicator,
-      {
-        isVisible: showLeftIndicator,
-        position: "left",
-        containerHeight,
-        containerTop,
-        containerRight,
-        onStartScrolling: (e) => startScrolling("left", e),
-        onStopScrolling: stopScrolling
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ScrollIndicator,
-      {
-        isVisible: showRightIndicator,
-        position: "right",
-        containerHeight,
-        containerTop,
-        containerRight,
-        onStartScrolling: (e) => startScrolling("right", e),
-        onStopScrolling: stopScrolling
-      }
-    )
-  ] });
-};
-
-export { ScrollableContainer as S };
-//# sourceMappingURL=scrollable-container-BqOFHwdb.js.map