@12-apps/ui 6.11.0 → 6.12.0

package/dist/layout/ScrollArea.js

@@ -1,525 +1,12 @@
+import "../chunk-KAK5SAEA.js";
+import {
+  ScrollArea
+} from "../chunk-R7MX5KPJ.js";
+import "../chunk-4OEKIFBC.js";
+import "../chunk-RHIDWUK7.js";
+import "../chunk-C53C7C2X.js";
+import "../chunk-ZADOIITM.js";
 import "../chunk-PZ5AY32C.js";
-
-// src/components/layout/ScrollArea/ScrollArea.tsx
-import KeyboardArrowUp from "@mui/icons-material/KeyboardArrowUp";
-import { alpha as alpha2, Box as Box3, CircularProgress, Fab, useTheme as useTheme3, Zoom } from "@mui/material";
-import { useCallback, useEffect, useRef, useState } from "react";
-
-// src/components/layout/ScrollArea/ScrollArea.helpers.ts
-var SCROLL_AREA_DEFAULTS = {
-  width: "100%",
-  height: "100%",
-  orientation: "vertical",
-  scrollbarSize: "medium",
-  autoHide: true,
-  autoHideDelay: 1e3,
-  smoothScroll: true,
-  variant: "default",
-  scrollToTopButton: false,
-  scrollToTopThreshold: 100,
-  contentPadding: 0,
-  alwaysShowScrollbar: false,
-  disabled: false,
-  loading: false,
-  testId: "scroll-area"
-};
-var resolveScrollAreaProps = (props) => ({
-  ...SCROLL_AREA_DEFAULTS,
-  ...Object.fromEntries(
-    Object.entries(props).filter(([, value]) => value !== void 0)
-  )
-});
-
-// src/components/layout/ScrollArea/ScrollAreaContent.tsx
-import { Box, useTheme } from "@mui/material";
-import React from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var EMPTY_MIN_HEIGHT = 200;
-var EmptyState = ({ children }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        height: "100%",
-        minHeight: EMPTY_MIN_HEIGHT,
-        color: theme.palette.text.secondary
-      },
-      children
-    }
-  );
-};
-var wantsScrollContainer = (props) => "disableInternalScroll" in props || props.scrollContainerRef !== void 0;
-var ScrollAreaContent = ({
-  children,
-  emptyContent,
-  scrollRef,
-  containerWidth
-}) => {
-  if (!children && emptyContent) return /* @__PURE__ */ jsx(EmptyState, { children: emptyContent });
-  return /* @__PURE__ */ jsx(Fragment, { children: React.Children.map(children, (child) => {
-    if (!React.isValidElement(child)) return child;
-    const childProps = child.props;
-    if (!wantsScrollContainer(childProps)) return child;
-    const enhanced = {
-      scrollContainerRef: scrollRef,
-      disableInternalScroll: true
-    };
-    if (containerWidth > 0 && childProps.width === "100%") {
-      enhanced.width = containerWidth;
-    }
-    return React.cloneElement(child, enhanced);
-  }) });
-};
-
-// src/components/layout/ScrollArea/ScrollViewport.tsx
-import { Box as Box2, useTheme as useTheme2 } from "@mui/material";
-
-// src/components/layout/ScrollArea/ScrollArea.styles.ts
-import { alpha } from "@mui/material";
-var SCROLLBAR_SIZES = {
-  thin: 8,
-  thick: 16
-};
-var DEFAULT_SCROLLBAR_SIZE = 12;
-var getScrollbarSize = (scrollbarSize) => scrollbarSize ? SCROLLBAR_SIZES[scrollbarSize] ?? DEFAULT_SCROLLBAR_SIZE : DEFAULT_SCROLLBAR_SIZE;
-var getScrollbarColors = ({
-  theme,
-  variant,
-  scrollbarColor,
-  scrollbarTrackColor
-}) => {
-  const defaultScrollbarColor = variant === "glass" ? alpha(theme.palette.primary.main, 0.5) : theme.palette.mode === "dark" ? theme.palette.grey[600] : theme.palette.grey[400];
-  const defaultTrackColor = variant === "glass" ? alpha(theme.palette.background.paper, 0.1) : theme.palette.mode === "dark" ? theme.palette.grey[900] : theme.palette.grey[200];
-  return {
-    scrollbar: scrollbarColor || defaultScrollbarColor,
-    track: scrollbarTrackColor || defaultTrackColor
-  };
-};
-var getOverflowStyle = ({
-  disabled,
-  orientation
-}) => {
-  if (disabled) return { overflow: "hidden" };
-  switch (orientation) {
-    case "horizontal":
-      return {
-        overflow: "hidden",
-        overflowX: "auto",
-        overflowY: "hidden"
-      };
-    case "both":
-      return { overflow: "auto" };
-    default:
-      return {
-        overflow: "hidden",
-        overflowY: "auto",
-        overflowX: "hidden"
-      };
-  }
-};
-var autoHideScrollbarStyles = ({
-  thumbColor,
-  trackColor,
-  size,
-  orientation,
-  shouldShowScrollbar,
-  theme,
-  scrollbarSize
-}) => ({
-  "&::-webkit-scrollbar": {
-    width: orientation !== "horizontal" ? size : "100%",
-    height: orientation !== "vertical" ? size : "100%"
-  },
-  "&::-webkit-scrollbar-track": {
-    background: shouldShowScrollbar ? trackColor : "transparent",
-    borderRadius: size / 2,
-    transition: "background 0.3s ease"
-  },
-  "&::-webkit-scrollbar-thumb": {
-    background: shouldShowScrollbar ? thumbColor : "transparent",
-    borderRadius: size / 2,
-    transition: "background 0.3s ease",
-    "&:hover": {
-      background: shouldShowScrollbar ? theme.palette.primary.main : "transparent"
-    }
-  },
-  "&::-webkit-scrollbar-corner": {
-    background: shouldShowScrollbar ? trackColor : "transparent"
-  },
-  // Firefox scrollbar styling
-  scrollbarWidth: shouldShowScrollbar ? scrollbarSize === "thin" ? "thin" : "auto" : "none",
-  scrollbarColor: shouldShowScrollbar ? `${thumbColor} ${trackColor}` : "transparent transparent"
-});
-var VARIANT_SCROLLBARS = {
-  overlay: ({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize }) => ({
-    "&::-webkit-scrollbar": {
-      width: orientation !== "horizontal" ? size : "100%",
-      height: orientation !== "vertical" ? size : "100%",
-      position: "absolute",
-      right: 0,
-      top: 0
-    },
-    "&::-webkit-scrollbar-track": {
-      background: "transparent",
-      borderRadius: size / 2
-    },
-    "&::-webkit-scrollbar-thumb": {
-      background: shouldShowScrollbar ? alpha(colors.scrollbar, 0.5) : "transparent",
-      borderRadius: size / 2,
-      transition: "background 0.3s ease",
-      border: "2px solid transparent",
-      backgroundClip: "padding-box",
-      "&:hover": {
-        background: shouldShowScrollbar ? theme.palette.primary.main : "transparent"
-      }
-    },
-    "&::-webkit-scrollbar-corner": {
-      background: "transparent"
-    },
-    scrollbarWidth: shouldShowScrollbar ? scrollbarSize === "thin" ? "thin" : "auto" : "none",
-    scrollbarColor: shouldShowScrollbar ? `${alpha(colors.scrollbar, 0.5)} transparent` : "transparent transparent"
-  }),
-  // Starts from the shared chrome, then adds what makes it glass: a blurred
-  // track and root, and an inner highlight on the thumb. scrollbar-color (the
-  // Firefox property) keeps the solid palette colour rather than the gradient —
-  // a gradient is not a valid value there, which is why the original picked
-  // colors.scrollbar for it.
-  glass: ({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize }) => {
-    const glassThumbColor = `linear-gradient(180deg, ${alpha(theme.palette.primary.main, 0.3)}, ${alpha(theme.palette.secondary.main, 0.3)})`;
-    const glassTrackColor = alpha(theme.palette.background.paper, 0.1);
-    const base = autoHideScrollbarStyles({
-      thumbColor: glassThumbColor,
-      trackColor: glassTrackColor,
-      size,
-      orientation,
-      shouldShowScrollbar,
-      theme,
-      scrollbarSize
-    });
-    return {
-      ...base,
-      "&::-webkit-scrollbar-track": {
-        ...base["&::-webkit-scrollbar-track"],
-        backdropFilter: shouldShowScrollbar ? "blur(5px)" : "none"
-      },
-      "&::-webkit-scrollbar-thumb": {
-        ...base["&::-webkit-scrollbar-thumb"],
-        boxShadow: shouldShowScrollbar ? `inset 0 0 6px ${alpha(theme.palette.common.white, 0.3)}` : "none"
-      },
-      scrollbarColor: shouldShowScrollbar ? `${colors.scrollbar} ${glassTrackColor}` : "transparent transparent",
-      backdropFilter: "blur(10px)"
-    };
-  },
-  default: ({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize }) => autoHideScrollbarStyles({
-    thumbColor: colors.scrollbar,
-    trackColor: colors.track,
-    size,
-    orientation,
-    shouldShowScrollbar,
-    theme,
-    scrollbarSize
-  })
-};
-var getVariantStyles = ({
-  theme,
-  variant,
-  orientation,
-  scrollbarSize,
-  scrollbarColor,
-  scrollbarTrackColor,
-  shouldShowScrollbar
-}) => {
-  const colors = getScrollbarColors({ theme, variant, scrollbarColor, scrollbarTrackColor });
-  const size = getScrollbarSize(scrollbarSize);
-  const build = VARIANT_SCROLLBARS[variant ?? "default"] ?? VARIANT_SCROLLBARS.default;
-  return build({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize });
-};
-
-// src/components/layout/ScrollArea/ScrollViewport.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ScrollViewport = ({
-  regionLabel,
-  children,
-  height,
-  maxHeight,
-  orientation,
-  scrollbarSize,
-  scrollbarColor,
-  scrollbarTrackColor,
-  contentPadding,
-  variant,
-  disabled,
-  loading,
-  smoothScroll,
-  shouldShowScrollbar,
-  setScrollRef,
-  onScroll
-}) => {
-  const theme = useTheme2();
-  return /* @__PURE__ */ jsx2(
-    Box2,
-    {
-      ref: setScrollRef,
-      onScroll,
-      role: "region",
-      "aria-label": regionLabel,
-      "aria-busy": loading,
-      tabIndex: disabled ? -1 : 0,
-      sx: {
-        width: "100%",
-        height: "100%",
-        // Use an explicit maxHeight when height is 'auto', else inherit.
-        maxHeight: height === "auto" && maxHeight ? maxHeight : "100%",
-        padding: contentPadding,
-        opacity: loading ? 0.5 : 1,
-        pointerEvents: disabled || loading ? "none" : "auto",
-        transition: "opacity 0.3s ease",
-        "&:focus": {
-          outline: "none",
-          "&:focus-visible": {
-            outline: `2px solid ${theme.palette.primary.main}`,
-            outlineOffset: -2
-          }
-        },
-        ...getOverflowStyle({ disabled, orientation }),
-        ...getVariantStyles({
-          theme,
-          variant,
-          orientation,
-          scrollbarSize,
-          scrollbarColor,
-          scrollbarTrackColor,
-          shouldShowScrollbar
-        })
-      },
-      style: { scrollBehavior: smoothScroll ? "smooth" : "auto" },
-      children
-    }
-  );
-};
-
-// src/components/layout/ScrollArea/ScrollArea.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var useObservedScrollRef = ({
-  externalScrollRef,
-  onResize
-}) => {
-  const internalScrollRef = useRef(null);
-  const [containerDimensions, setContainerDimensions] = useState({ width: 0, height: 0 });
-  useEffect(() => {
-    if (!internalScrollRef.current) return;
-    const resizeObserver = new ResizeObserver((entries) => {
-      const entry = entries[0];
-      if (entry) {
-        const { width, height } = entry.contentRect;
-        setContainerDimensions({ width, height });
-        onResize?.({ width, height });
-      }
-    });
-    resizeObserver.observe(internalScrollRef.current);
-    return () => resizeObserver.disconnect();
-  }, [onResize]);
-  const setScrollRef = useCallback(
-    (node) => {
-      internalScrollRef.current = node;
-      if (externalScrollRef) {
-        externalScrollRef.current = node;
-      }
-    },
-    [externalScrollRef]
-  );
-  return { scrollRef: internalScrollRef, setScrollRef, containerDimensions };
-};
-var useAutoHide = ({
-  autoHide,
-  alwaysShowScrollbar,
-  autoHideDelay
-}) => {
-  const [isScrolling, setIsScrolling] = useState(false);
-  const timeoutRef = useRef(void 0);
-  const noteScroll = useCallback(() => {
-    if (!autoHide || alwaysShowScrollbar) return;
-    setIsScrolling(true);
-    window.clearTimeout(timeoutRef.current);
-    timeoutRef.current = window.setTimeout(() => setIsScrolling(false), autoHideDelay);
-  }, [autoHide, alwaysShowScrollbar, autoHideDelay]);
-  useEffect(() => () => window.clearTimeout(timeoutRef.current), []);
-  return { isScrolling, noteScroll };
-};
-var useScrollArea = (props) => {
-  const {
-    disabled,
-    onScroll,
-    onResize,
-    externalScrollRef,
-    autoHide,
-    autoHideDelay,
-    alwaysShowScrollbar,
-    scrollToTopButton,
-    scrollToTopThreshold,
-    smoothScroll
-  } = props;
-  const { scrollRef, setScrollRef, containerDimensions } = useObservedScrollRef({
-    externalScrollRef,
-    onResize
-  });
-  const [showScrollToTop, setShowScrollToTop] = useState(false);
-  const { isScrolling, noteScroll } = useAutoHide({
-    autoHide,
-    alwaysShowScrollbar,
-    autoHideDelay
-  });
-  const handleScroll = useCallback(
-    (event) => {
-      if (disabled) return;
-      noteScroll();
-      if (scrollToTopButton && scrollRef.current) {
-        setShowScrollToTop(scrollRef.current.scrollTop > scrollToTopThreshold);
-      }
-      onScroll?.(event);
-    },
-    [disabled, noteScroll, scrollToTopButton, scrollToTopThreshold, onScroll, scrollRef]
-  );
-  const scrollToTop = useCallback(() => {
-    scrollRef.current?.scrollTo({ top: 0, behavior: smoothScroll ? "smooth" : "auto" });
-  }, [smoothScroll, scrollRef]);
-  return {
-    scrollRef,
-    setScrollRef,
-    isScrolling,
-    showScrollToTop,
-    containerDimensions,
-    handleScroll,
-    scrollToTop
-  };
-};
-var LoadingOverlay = () => /* @__PURE__ */ jsx3(
-  Box3,
-  {
-    sx: {
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      transform: "translate(-50%, -50%)",
-      zIndex: 10
-    },
-    children: /* @__PURE__ */ jsx3(CircularProgress, {})
-  }
-);
-var ScrollToTopFab = ({
-  visible,
-  glass,
-  scrollToTopLabel,
-  onClick
-}) => {
-  const theme = useTheme3();
-  return /* @__PURE__ */ jsx3(Zoom, { in: visible, children: /* @__PURE__ */ jsx3(
-    Fab,
-    {
-      size: "small",
-      "aria-label": scrollToTopLabel,
-      onClick,
-      sx: {
-        position: "absolute",
-        bottom: 16,
-        right: 16,
-        zIndex: 1,
-        backgroundColor: glass ? alpha2(theme.palette.primary.main, 0.2) : theme.palette.primary.main,
-        backdropFilter: glass ? "blur(10px)" : "none",
-        "&:hover": {
-          backgroundColor: glass ? alpha2(theme.palette.primary.main, 0.3) : theme.palette.primary.dark
-        }
-      },
-      children: /* @__PURE__ */ jsx3(KeyboardArrowUp, {})
-    }
-  ) });
-};
-var ScrollArea = (componentProps) => {
-  const resolved = resolveScrollAreaProps(componentProps);
-  const {
-    regionLabel,
-    scrollToTopLabel,
-    children,
-    width,
-    height,
-    maxHeight,
-    maxWidth,
-    orientation: _orientation,
-    scrollbarSize: _scrollbarSize,
-    autoHide,
-    autoHideDelay: _autoHideDelay,
-    smoothScroll: _smoothScroll,
-    variant,
-    onScroll: _onScroll,
-    scrollToTopButton,
-    scrollToTopThreshold: _scrollToTopThreshold,
-    scrollbarColor: _scrollbarColor,
-    scrollbarTrackColor: _scrollbarTrackColor,
-    contentPadding: _contentPadding,
-    alwaysShowScrollbar,
-    disabled,
-    loading,
-    emptyContent,
-    testId,
-    scrollRef: externalScrollRef,
-    onResize: _onResize,
-    sx,
-    ...props
-  } = resolved;
-  const {
-    scrollRef,
-    setScrollRef,
-    isScrolling,
-    showScrollToTop,
-    containerDimensions,
-    handleScroll,
-    scrollToTop
-  } = useScrollArea({ ...resolved, externalScrollRef });
-  const shouldShowScrollbar = alwaysShowScrollbar || !autoHide || isScrolling;
-  return /* @__PURE__ */ jsxs(
-    Box3,
-    {
-      "data-testid": testId,
-      sx: { position: "relative", width, height, maxHeight, maxWidth, ...sx },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx3(
-          ScrollViewport,
-          {
-            ...resolved,
-            regionLabel,
-            shouldShowScrollbar,
-            setScrollRef,
-            onScroll: handleScroll,
-            children: /* @__PURE__ */ jsx3(
-              ScrollAreaContent,
-              {
-                emptyContent,
-                scrollRef,
-                containerWidth: containerDimensions.width,
-                children
-              }
-            )
-          }
-        ),
-        loading && /* @__PURE__ */ jsx3(LoadingOverlay, {}),
-        scrollToTopButton && scrollToTopLabel && !disabled && !loading && /* @__PURE__ */ jsx3(
-          ScrollToTopFab,
-          {
-            scrollToTopLabel,
-            visible: showScrollToTop,
-            glass: variant === "glass",
-            onClick: scrollToTop
-          }
-        )
-      ]
-    }
-  );
-};
 export {
   ScrollArea
 };

package/dist/layout/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/layout/ScrollArea/ScrollArea.tsx","../../src/components/layout/ScrollArea/ScrollArea.helpers.ts","../../src/components/layout/ScrollArea/ScrollAreaContent.tsx","../../src/components/layout/ScrollArea/ScrollViewport.tsx","../../src/components/layout/ScrollArea/ScrollArea.styles.ts"],"sourcesContent":["import KeyboardArrowUp from '@mui/icons-material/KeyboardArrowUp';\nimport { alpha, Box, CircularProgress,Fab, useTheme, Zoom } from '@mui/material';\nimport type { FC } from 'react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { ResolvedScrollAreaProps } from './ScrollArea.helpers';\nimport { resolveScrollAreaProps } from './ScrollArea.helpers';\nimport type { ScrollAreaProps } from './ScrollArea.types';\nimport { ScrollAreaContent } from './ScrollAreaContent';\nimport { ScrollViewport } from './ScrollViewport';\n\n// Owns the scroll container ref (merging in any ref the caller passed) and\n// reports size changes through a ResizeObserver.\nconst useObservedScrollRef = ({\n  externalScrollRef,\n  onResize }: {\n  externalScrollRef?: React.Ref<HTMLDivElement>;\n  onResize?: ScrollAreaProps['onResize'];\n}) => {\n  const internalScrollRef = useRef<HTMLDivElement>(null);\n  const [containerDimensions, setContainerDimensions] = useState({ width: 0, height: 0 });\n\n  // Track container dimensions with ResizeObserver\n  useEffect(() => {\n    if (!internalScrollRef.current) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) {\n        const { width, height } = entry.contentRect;\n        setContainerDimensions({ width, height });\n        onResize?.({ width, height });\n      }\n    });\n\n    resizeObserver.observe(internalScrollRef.current);\n    return () => resizeObserver.disconnect();\n  }, [onResize]);\n\n  // Callback ref that updates both internal and external refs\n  const setScrollRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      // Update internal ref\n      (internalScrollRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      // Update external ref if provided\n      if (externalScrollRef) {\n        (externalScrollRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    },\n    [externalScrollRef],\n  );\n\n  // Use internal ref for accessing the element\n\n  return { scrollRef: internalScrollRef, setScrollRef, containerDimensions };\n};\n\n// Scroll position, the transient \"is scrolling\" flag that drives auto-hide, the\n// observed container size, and the scroll-to-top affordance.\n// The scrollbar shows while scrolling and hides once movement stops.\nconst useAutoHide = ({\n  autoHide,\n  alwaysShowScrollbar,\n  autoHideDelay }: {\n  autoHide: boolean;\n  alwaysShowScrollbar: boolean;\n  autoHideDelay: number;\n}) => {\n  const [isScrolling, setIsScrolling] = useState(false);\n  const timeoutRef = useRef<number | undefined>(undefined);\n\n  const noteScroll = useCallback(() => {\n    if (!autoHide || alwaysShowScrollbar) return;\n\n    setIsScrolling(true);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => setIsScrolling(false), autoHideDelay);\n  }, [autoHide, alwaysShowScrollbar, autoHideDelay]);\n\n  useEffect(() => () => window.clearTimeout(timeoutRef.current), []);\n\n  return { isScrolling, noteScroll };\n};\n\nconst useScrollArea = (\n  props: ResolvedScrollAreaProps & { externalScrollRef?: React.Ref<HTMLDivElement> },\n) => {\n  const {\n    disabled,\n    onScroll,\n    onResize,\n    externalScrollRef,\n    autoHide,\n    autoHideDelay,\n    alwaysShowScrollbar,\n    scrollToTopButton,\n    scrollToTopThreshold,\n    smoothScroll } = props;\n\n  const { scrollRef, setScrollRef, containerDimensions } = useObservedScrollRef({\n    externalScrollRef,\n    onResize });\n  const [showScrollToTop, setShowScrollToTop] = useState(false);\n  const { isScrolling, noteScroll } = useAutoHide({\n    autoHide,\n    alwaysShowScrollbar,\n    autoHideDelay });\n\n  const handleScroll = useCallback(\n    (event: React.UIEvent<HTMLDivElement>) => {\n      if (disabled) return;\n\n      noteScroll();\n\n      if (scrollToTopButton && scrollRef.current) {\n        setShowScrollToTop(scrollRef.current.scrollTop > scrollToTopThreshold);\n      }\n\n      onScroll?.(event);\n    },\n    [disabled, noteScroll, scrollToTopButton, scrollToTopThreshold, onScroll, scrollRef],\n  );\n\n  const scrollToTop = useCallback(() => {\n    scrollRef.current?.scrollTo({ top: 0, behavior: smoothScroll ? 'smooth' : 'auto' });\n  }, [smoothScroll, scrollRef]);\n\n  return {\n    scrollRef,\n    setScrollRef,\n    isScrolling,\n    showScrollToTop,\n    containerDimensions,\n    handleScroll,\n    scrollToTop };\n};\n\nconst LoadingOverlay: FC = () => (\n  <Box\n    sx={{\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      zIndex: 10 }}\n  >\n    <CircularProgress />\n  </Box>\n);\n\n// The label is guarded at the call site rather than defaulted: the props union\n// already makes it required alongside `scrollToTopButton`, and a fab with an\n// empty accessible name is the exact failure this port exists to remove.\nconst ScrollToTopFab: FC<{\n  visible: boolean;\n  glass: boolean;\n  scrollToTopLabel: string;\n  onClick: () => void;\n}> = ({\n  visible,\n  glass,\n  scrollToTopLabel,\n  onClick }) => {\n  const theme = useTheme();\n\n  return (\n    <Zoom in={visible}>\n      <Fab\n        size=\"small\"\n        aria-label={scrollToTopLabel}\n        onClick={onClick}\n        sx={{\n          position: 'absolute',\n          bottom: 16,\n          right: 16,\n          zIndex: 1,\n          backgroundColor: glass\n            ? alpha(theme.palette.primary.main, 0.2)\n            : theme.palette.primary.main,\n          backdropFilter: glass ? 'blur(10px)' : 'none',\n          '&:hover': {\n            backgroundColor: glass\n              ? alpha(theme.palette.primary.main, 0.3)\n              : theme.palette.primary.dark } }}\n      >\n        <KeyboardArrowUp />\n      </Fab>\n    </Zoom>\n  );\n};\n\nexport const ScrollArea: React.FC<ScrollAreaProps> = (componentProps) => {\n  const resolved = resolveScrollAreaProps(componentProps);\n  const {\n    regionLabel,\n    scrollToTopLabel,\n    children,\n    width,\n    height,\n    maxHeight,\n    maxWidth,\n    orientation: _orientation,\n    scrollbarSize: _scrollbarSize,\n    autoHide,\n    autoHideDelay: _autoHideDelay,\n    smoothScroll: _smoothScroll,\n    variant,\n    onScroll: _onScroll,\n    scrollToTopButton,\n    scrollToTopThreshold: _scrollToTopThreshold,\n    scrollbarColor: _scrollbarColor,\n    scrollbarTrackColor: _scrollbarTrackColor,\n    contentPadding: _contentPadding,\n    alwaysShowScrollbar,\n    disabled,\n    loading,\n    emptyContent,\n    testId,\n    scrollRef: externalScrollRef,\n    onResize: _onResize,\n    sx,\n    ...props\n  } = resolved;\n\n  const {\n    scrollRef,\n    setScrollRef,\n    isScrolling,\n    showScrollToTop,\n    containerDimensions,\n    handleScroll,\n    scrollToTop } = useScrollArea({ ...resolved, externalScrollRef });\n\n  // Auto-hide keeps the scrollbar out of the way until the user is scrolling.\n  const shouldShowScrollbar = alwaysShowScrollbar || !autoHide || isScrolling;\n\n  return (\n    <Box\n      data-testid={testId}\n      sx={{ position: 'relative', width, height, maxHeight, maxWidth, ...sx }}\n      {...props}\n    >\n      <ScrollViewport\n        {...resolved}\n        regionLabel={regionLabel}\n        shouldShowScrollbar={shouldShowScrollbar}\n        setScrollRef={setScrollRef}\n        onScroll={handleScroll}\n      >\n        <ScrollAreaContent\n          emptyContent={emptyContent}\n          scrollRef={scrollRef}\n          containerWidth={containerDimensions.width}\n        >\n          {children}\n        </ScrollAreaContent>\n      </ScrollViewport>\n\n      {loading && <LoadingOverlay />}\n\n      {scrollToTopButton && scrollToTopLabel && !disabled && !loading && (\n        <ScrollToTopFab\n          scrollToTopLabel={scrollToTopLabel}\n          visible={showScrollToTop}\n          glass={variant === 'glass'}\n          onClick={scrollToTop}\n        />\n      )}\n    </Box>\n  );\n};\n","import type { ScrollAreaProps } from './ScrollArea.types';\n\ntype ScrollAreaDefaultedKeys =\n  | 'width'\n  | 'height'\n  | 'orientation'\n  | 'scrollbarSize'\n  | 'autoHide'\n  | 'autoHideDelay'\n  | 'smoothScroll'\n  | 'variant'\n  | 'scrollToTopButton'\n  | 'scrollToTopThreshold'\n  | 'contentPadding'\n  | 'alwaysShowScrollbar'\n  | 'disabled'\n  | 'loading'\n  | 'testId';\n\nexport type ResolvedScrollAreaProps = ScrollAreaProps &\n  Required<Pick<ScrollAreaProps, ScrollAreaDefaultedKeys>>;\n\nconst SCROLL_AREA_DEFAULTS: Pick<ScrollAreaProps, ScrollAreaDefaultedKeys> = {\n  width: '100%',\n  height: '100%',\n  orientation: 'vertical',\n  scrollbarSize: 'medium',\n  autoHide: true,\n  autoHideDelay: 1000,\n  smoothScroll: true,\n  variant: 'default',\n  scrollToTopButton: false,\n  scrollToTopThreshold: 100,\n  contentPadding: 0,\n  alwaysShowScrollbar: false,\n  disabled: false,\n  loading: false,\n  testId: 'scroll-area',\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put fifteen\n// branches into the component's own complexity budget.\nexport const resolveScrollAreaProps = (props: ScrollAreaProps): ResolvedScrollAreaProps =>\n  ({\n    ...SCROLL_AREA_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<ScrollAreaProps>),\n  }) as ResolvedScrollAreaProps;\n","import { Box, useTheme } from '@mui/material';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nconst EMPTY_MIN_HEIGHT = 200;\n\nconst EmptyState: FC<{ children: ReactNode }> = ({ children }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        minHeight: EMPTY_MIN_HEIGHT,\n        color: theme.palette.text.secondary,\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\n\n// VirtualList and VirtualGrid scroll themselves by default. When one is nested\n// here that would mean two scrollers, so they are handed this container instead\n// and told to stop scrolling internally. They are recognised by the props they\n// accept rather than by identity, so a wrapper around one still works.\nconst wantsScrollContainer = (props: Record<string, unknown>): boolean =>\n  'disableInternalScroll' in props || props.scrollContainerRef !== undefined;\n\nexport interface ScrollAreaContentProps {\n  children: ReactNode;\n  emptyContent?: ReactNode;\n  scrollRef: React.RefObject<HTMLDivElement | null> | ((node: HTMLDivElement | null) => void);\n  containerWidth: number;\n}\n\nexport const ScrollAreaContent: FC<ScrollAreaContentProps> = ({\n  children,\n  emptyContent,\n  scrollRef,\n  containerWidth,\n}) => {\n  if (!children && emptyContent) return <EmptyState>{emptyContent}</EmptyState>;\n\n  return (\n    <>\n      {React.Children.map(children, (child) => {\n        if (!React.isValidElement(child)) return child;\n\n        const childProps = child.props as Record<string, unknown>;\n        if (!wantsScrollContainer(childProps)) return child;\n\n        const enhanced: Record<string, unknown> = {\n          scrollContainerRef: scrollRef,\n          disableInternalScroll: true,\n        };\n\n        // Only fill in a measured width where the child is still at its default.\n        if (containerWidth > 0 && childProps.width === '100%') {\n          enhanced.width = containerWidth;\n        }\n\n        return React.cloneElement(child, enhanced);\n      })}\n    </>\n  );\n};\n","import { Box, useTheme } from '@mui/material';\nimport type { FC, ReactNode, UIEvent } from 'react';\nimport React from 'react';\n\nimport { getOverflowStyle, getVariantStyles } from './ScrollArea.styles';\nimport type { ResolvedScrollAreaProps } from './ScrollArea.helpers';\n\nexport interface ScrollViewportProps\n  extends Pick<\n    ResolvedScrollAreaProps,\n    | 'height'\n    | 'maxHeight'\n    | 'orientation'\n    | 'scrollbarSize'\n    | 'scrollbarColor'\n    | 'scrollbarTrackColor'\n    | 'contentPadding'\n    | 'variant'\n    | 'disabled'\n    | 'loading'\n    | 'smoothScroll'\n  > {\n  /** The scroll region's accessible name. REQUIRED. */\n  regionLabel: string;\n  children: ReactNode;\n  shouldShowScrollbar: boolean;\n  setScrollRef: (node: HTMLDivElement | null) => void;\n  onScroll: (event: UIEvent<HTMLDivElement>) => void;\n}\n\n// The element that actually scrolls: its own overflow and scrollbar styling,\n// plus the disabled and loading treatments.\nexport const ScrollViewport: FC<ScrollViewportProps> = ({\n  regionLabel,\n  children,\n  height,\n  maxHeight,\n  orientation,\n  scrollbarSize,\n  scrollbarColor,\n  scrollbarTrackColor,\n  contentPadding,\n  variant,\n  disabled,\n  loading,\n  smoothScroll,\n  shouldShowScrollbar,\n  setScrollRef,\n  onScroll,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      ref={setScrollRef}\n      onScroll={onScroll}\n      role=\"region\"\n      aria-label={regionLabel}\n      aria-busy={loading}\n      tabIndex={disabled ? -1 : 0}\n      sx={{\n        width: '100%',\n        height: '100%',\n        // Use an explicit maxHeight when height is 'auto', else inherit.\n        maxHeight: height === 'auto' && maxHeight ? maxHeight : '100%',\n        padding: contentPadding,\n        opacity: loading ? 0.5 : 1,\n        pointerEvents: disabled || loading ? 'none' : 'auto',\n        transition: 'opacity 0.3s ease',\n        '&:focus': {\n          outline: 'none',\n          '&:focus-visible': {\n            outline: `2px solid ${theme.palette.primary.main}`,\n            outlineOffset: -2,\n          },\n        },\n        ...getOverflowStyle({ disabled, orientation }),\n        ...getVariantStyles({\n          theme,\n          variant,\n          orientation,\n          scrollbarSize,\n          scrollbarColor,\n          scrollbarTrackColor,\n          shouldShowScrollbar,\n        }),\n      }}\n      style={{ scrollBehavior: smoothScroll ? 'smooth' : 'auto' }}\n    >\n      {children}\n    </Box>\n  );\n};\n","import type { CSSObject, Theme } from '@mui/material';\nimport { alpha } from '@mui/material';\n\nimport type { ScrollAreaProps } from './ScrollArea.types';\n\nconst SCROLLBAR_SIZES: Record<string, number> = {\n  thin: 8,\n  thick: 16,\n};\n\nconst DEFAULT_SCROLLBAR_SIZE = 12;\n\n// thin/thick are the named ends of the scale; anything else takes the default.\nconst getScrollbarSize = (scrollbarSize?: string): number =>\n  scrollbarSize ? (SCROLLBAR_SIZES[scrollbarSize] ?? DEFAULT_SCROLLBAR_SIZE) : DEFAULT_SCROLLBAR_SIZE;\n\nconst getScrollbarColors = ({\n  theme,\n  variant,\n  scrollbarColor,\n  scrollbarTrackColor,\n}: {\n  theme: Theme;\n  variant?: string;\n  scrollbarColor?: string;\n  scrollbarTrackColor?: string;\n}) => {\n  const defaultScrollbarColor =\n    variant === 'glass'\n      ? alpha(theme.palette.primary.main, 0.5)\n      : theme.palette.mode === 'dark'\n        ? theme.palette.grey[600]\n        : theme.palette.grey[400];\n\n  const defaultTrackColor =\n    variant === 'glass'\n      ? alpha(theme.palette.background.paper, 0.1)\n      : theme.palette.mode === 'dark'\n        ? theme.palette.grey[900]\n        : theme.palette.grey[200];\n\n  return {\n    scrollbar: scrollbarColor || defaultScrollbarColor,\n    track: scrollbarTrackColor || defaultTrackColor,\n  };\n};\n\nexport const getOverflowStyle = ({\n  disabled,\n  orientation,\n}: {\n  disabled?: boolean;\n  orientation?: ScrollAreaProps['orientation'];\n}) => {\n  if (disabled) return { overflow: 'hidden' as const };\n\n  switch (orientation) {\n    case 'horizontal':\n      return {\n        overflow: 'hidden' as const,\n        overflowX: 'auto' as const,\n        overflowY: 'hidden' as const,\n      };\n    case 'both':\n      return { overflow: 'auto' as const };\n    default:\n      return {\n        overflow: 'hidden' as const,\n        overflowY: 'auto' as const,\n        overflowX: 'hidden' as const,\n      };\n  }\n};\n\n// Scrollbar chrome shared by every variant. autoHide fades the thumb out when\n// the area is idle, which is why the colours are parameters rather than read\n// from the variant directly.\nconst autoHideScrollbarStyles = ({\n  thumbColor,\n  trackColor,\n  size,\n  orientation,\n  shouldShowScrollbar,\n  theme,\n  scrollbarSize,\n}: {\n  thumbColor: string;\n  trackColor: string;\n  size: number;\n  orientation?: ScrollAreaProps['orientation'];\n  shouldShowScrollbar: boolean;\n  theme: Theme;\n  scrollbarSize?: string;\n}) => ({\n    '&::-webkit-scrollbar': {\n      width: orientation !== 'horizontal' ? size : '100%',\n      height: orientation !== 'vertical' ? size : '100%',\n    },\n    '&::-webkit-scrollbar-track': {\n      background: shouldShowScrollbar ? trackColor : 'transparent',\n      borderRadius: size / 2,\n      transition: 'background 0.3s ease',\n    },\n    '&::-webkit-scrollbar-thumb': {\n      background: shouldShowScrollbar ? thumbColor : 'transparent',\n      borderRadius: size / 2,\n      transition: 'background 0.3s ease',\n      '&:hover': {\n        background: shouldShowScrollbar ? theme.palette.primary.main : 'transparent',\n      },\n    },\n    '&::-webkit-scrollbar-corner': {\n      background: shouldShowScrollbar ? trackColor : 'transparent',\n    },\n    // Firefox scrollbar styling\n    scrollbarWidth: shouldShowScrollbar\n      ? scrollbarSize === 'thin'\n        ? ('thin' as const)\n        : ('auto' as const)\n      : ('none' as const),\n    scrollbarColor: shouldShowScrollbar\n      ? `${thumbColor} ${trackColor}`\n      : 'transparent transparent',\n  });\n\ntype VariantArgs = {\n  theme: Theme;\n  colors: { scrollbar: string; track: string };\n  size: number;\n  orientation?: ScrollAreaProps['orientation'];\n  shouldShowScrollbar: boolean;\n  scrollbarSize?: string;\n};\n\n// One entry per scrollbar look. overlay floats above the content, glass tints\n// it, and the default delegates to the shared auto-hide chrome.\nconst VARIANT_SCROLLBARS: Record<string, (args: VariantArgs) => CSSObject> = {\n  overlay: ({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize }) => ({\n          '&::-webkit-scrollbar': {\n            width: orientation !== 'horizontal' ? size : '100%',\n            height: orientation !== 'vertical' ? size : '100%',\n            position: 'absolute',\n            right: 0,\n            top: 0,\n          },\n          '&::-webkit-scrollbar-track': {\n            background: 'transparent',\n            borderRadius: size / 2,\n          },\n          '&::-webkit-scrollbar-thumb': {\n            background: shouldShowScrollbar\n              ? alpha(colors.scrollbar, 0.5)\n              : 'transparent',\n            borderRadius: size / 2,\n            transition: 'background 0.3s ease',\n            border: '2px solid transparent',\n            backgroundClip: 'padding-box',\n            '&:hover': {\n              background: shouldShowScrollbar ? theme.palette.primary.main : 'transparent',\n            },\n          },\n          '&::-webkit-scrollbar-corner': {\n            background: 'transparent',\n          },\n          scrollbarWidth: shouldShowScrollbar\n            ? scrollbarSize === 'thin'\n              ? ('thin' as const)\n              : ('auto' as const)\n            : ('none' as const),\n          scrollbarColor: shouldShowScrollbar\n            ? `${alpha(colors.scrollbar, 0.5)} transparent`\n            : 'transparent transparent',\n        }),\n\n  // Starts from the shared chrome, then adds what makes it glass: a blurred\n  // track and root, and an inner highlight on the thumb. scrollbar-color (the\n  // Firefox property) keeps the solid palette colour rather than the gradient —\n  // a gradient is not a valid value there, which is why the original picked\n  // colors.scrollbar for it.\n  glass: ({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize }) => {\n    const glassThumbColor = `linear-gradient(180deg, ${alpha(theme.palette.primary.main, 0.3)}, ${alpha(theme.palette.secondary.main, 0.3)})`;\n    const glassTrackColor = alpha(theme.palette.background.paper, 0.1);\n\n    const base = autoHideScrollbarStyles({\n      thumbColor: glassThumbColor,\n      trackColor: glassTrackColor,\n      size,\n      orientation,\n      shouldShowScrollbar,\n      theme,\n      scrollbarSize,\n    });\n\n    return {\n      ...base,\n      '&::-webkit-scrollbar-track': {\n        ...(base['&::-webkit-scrollbar-track'] as object),\n        backdropFilter: shouldShowScrollbar ? 'blur(5px)' : 'none',\n      },\n      '&::-webkit-scrollbar-thumb': {\n        ...(base['&::-webkit-scrollbar-thumb'] as object),\n        boxShadow: shouldShowScrollbar\n          ? `inset 0 0 6px ${alpha(theme.palette.common.white, 0.3)}`\n          : 'none',\n      },\n      scrollbarColor: shouldShowScrollbar\n        ? `${colors.scrollbar} ${glassTrackColor}`\n        : 'transparent transparent',\n      backdropFilter: 'blur(10px)',\n    };\n  },\n\n  default: ({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize }) =>\n    autoHideScrollbarStyles({\n      thumbColor: colors.scrollbar,\n      trackColor: colors.track,\n      size,\n      orientation,\n      shouldShowScrollbar,\n      theme,\n      scrollbarSize,\n    }),\n};\n\nexport const getVariantStyles = ({\n  theme,\n  variant,\n  orientation,\n  scrollbarSize,\n  scrollbarColor,\n  scrollbarTrackColor,\n  shouldShowScrollbar,\n}: {\n  theme: Theme;\n  variant?: string;\n  orientation?: ScrollAreaProps['orientation'];\n  scrollbarSize?: string;\n  scrollbarColor?: string;\n  scrollbarTrackColor?: string;\n  shouldShowScrollbar: boolean;\n}) => {\n  const colors = getScrollbarColors({ theme, variant, scrollbarColor, scrollbarTrackColor });\n  const size = getScrollbarSize(scrollbarSize);\n\n  const build = VARIANT_SCROLLBARS[variant ?? 'default'] ?? VARIANT_SCROLLBARS.default!;\n\n  return build({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize });\n};\n"],"mappings":"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","names":["alpha","Box","useTheme","Box","useTheme","jsx","useTheme","Box","jsx","Box","useTheme","alpha"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/layout/Separator.js

@@ -1,6 +1,8 @@
+import "../chunk-CMMPGAMJ.js";
 import {
   Separator
-} from "../chunk-5FC7M2Y5.js";
+} from "../chunk-6I75JTFO.js";
+import "../chunk-IFPTVHYR.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Separator