@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-DOADQW7I.js

@@ -1,246 +0,0 @@
-import {
-  BoardGlyph,
-  ColumnsGlyph,
-  GridGlyph,
-  ListGlyph,
-  RowsGlyph,
-  TableGlyph
-} from "./chunk-SNR537TI.js";
-import {
-  useDataViewsLayout
-} from "./chunk-ZPIMPOHV.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-2PCOC3PT.js";
-
-// src/components/data-display/DataViews/data-views-display-tabs.tsx
-import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
-import ArrowUpwardRoundedIcon from "@mui/icons-material/ArrowUpwardRounded";
-import useMediaQuery from "@mui/material/useMediaQuery/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Tile({
-  active,
-  label,
-  onClick,
-  testId,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick,
-      "aria-pressed": active,
-      "data-testid": testId,
-      sx: {
-        flex: 1,
-        minWidth: 0,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: 0.75,
-        p: 1.25,
-        border: 1,
-        borderStyle: "solid",
-        borderColor: active ? "primary.main" : "divider",
-        bgcolor: active ? "action.selected" : "transparent",
-        borderRadius: 1,
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: "0.75rem",
-        fontWeight: active ? 600 : 400,
-        color: active ? "primary.main" : "text.secondary",
-        "&:hover": { bgcolor: "action.hover" }
-      },
-      children: [
-        children,
-        label
-      ]
-    }
-  );
-}
-var DIRECTION_LABELS = {
-  number: ["Menor \u2192 maior", "Maior \u2192 menor"],
-  currency: ["Menor \u2192 maior", "Maior \u2192 menor"],
-  date: ["Mais antigo", "Mais recente"],
-  text: ["A \u2192 Z", "Z \u2192 A"]
-};
-function directionLabels(kind) {
-  return DIRECTION_LABELS[kind ?? "text"] ?? DIRECTION_LABELS.text;
-}
-function SortTab({
-  fields,
-  activeField,
-  activeOrder,
-  onChange,
-  sortKinds,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const [ascLabel, descLabel] = directionLabels(sortKinds?.[activeField]);
-  return /* @__PURE__ */ jsxs(default2, { sx: { p: 1 }, children: [
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, color: "text.secondary" }, children: copy.display.direction }) }),
-    /* @__PURE__ */ jsx(default2, { sx: { display: "flex", gap: 0.75, mb: 1.5, mt: 0.5 }, children: ["asc", "desc"].map((direction, index) => /* @__PURE__ */ jsx(
-      Tile,
-      {
-        active: activeOrder === direction,
-        label: index === 0 ? ascLabel : descLabel,
-        onClick: () => onChange(activeField || fields[0]?.value || "", direction),
-        testId: `${testIdPrefix}-sort-dir-${direction}`,
-        children: direction === "asc" ? /* @__PURE__ */ jsx(ArrowUpwardRoundedIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(ArrowDownwardRoundedIcon, { fontSize: "small" })
-      },
-      direction
-    )) }),
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, color: "text.secondary" }, children: copy.display.fieldHeading }) }),
-    fields.map((field) => /* @__PURE__ */ jsx(
-      SortFieldRow,
-      {
-        label: field.label,
-        active: field.value === activeField,
-        onClick: () => onChange(field.value, activeOrder),
-        testId: `${testIdPrefix}-sort-field-${field.value}`
-      },
-      field.value
-    ))
-  ] });
-}
-function SortFieldRow({
-  label,
-  active,
-  onClick,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick,
-      "data-testid": testId,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        width: "100%",
-        px: 1,
-        py: 0.75,
-        border: 0,
-        background: "none",
-        borderRadius: 1,
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: "0.8125rem",
-        textAlign: "left",
-        fontWeight: active ? 600 : 400,
-        color: active ? "primary.main" : "text.primary",
-        "&:hover": { bgcolor: "action.hover" }
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          default2,
-          {
-            component: "span",
-            sx: { height: 6, width: 6, borderRadius: "50%", bgcolor: active ? "primary.main" : "action.disabled" }
-          }
-        ),
-        /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, minWidth: 0 }, children: label })
-      ]
-    }
-  );
-}
-function densityTiles(layout, copy) {
-  const labels = copy.display.densityLabels[layout] ?? copy.display.densityLabels.table;
-  return [
-    { value: "compact", label: labels?.compact ?? "compact", gap: 2, columns: 4 },
-    { value: "cozy", label: labels?.cozy ?? "cozy", gap: 5, columns: 3 },
-    { value: "comfortable", label: labels?.comfortable ?? "comfortable", gap: 8, columns: 2 }
-  ];
-}
-function densityGlyph(layout, tile, active) {
-  if (layout === "cards") return /* @__PURE__ */ jsx(GridGlyph, { n: tile.columns, active });
-  if (layout === "board") return /* @__PURE__ */ jsx(ColumnsGlyph, { n: tile.columns, active });
-  return /* @__PURE__ */ jsx(RowsGlyph, { gap: tile.gap, active });
-}
-function layoutGlyph(layout, active) {
-  if (layout === "table") return /* @__PURE__ */ jsx(TableGlyph, { active });
-  if (layout === "list") return /* @__PURE__ */ jsx(ListGlyph, { active });
-  if (layout === "cards") return /* @__PURE__ */ jsx(GridGlyph, { active });
-  return /* @__PURE__ */ jsx(BoardGlyph, { active });
-}
-var LAYOUT_TILE_LABELS = {
-  table: "Tabela",
-  list: "Lista",
-  cards: "Grade",
-  board: "Quadro"
-};
-function DensityTiles({ testIdPrefix }) {
-  const copy = useDataViewsCopy();
-  const { layout, density, setDensity } = useDataViewsLayout();
-  const isOneColumn = useMediaQuery((t) => t.breakpoints.down("sm"));
-  if (layout === "cards" && isOneColumn) {
-    return /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, pt: 0.5, display: "block", color: "text.disabled" }, children: copy.display.densityUnavailableNarrow }) });
-  }
-  return /* @__PURE__ */ jsx(default2, { sx: { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 0.75, mt: 0.5 }, children: densityTiles(layout, copy).map((tile) => /* @__PURE__ */ jsx(
-    Tile,
-    {
-      active: density === tile.value,
-      label: tile.label,
-      onClick: () => setDensity(tile.value),
-      testId: `${testIdPrefix}-density-${tile.value}`,
-      children: densityGlyph(layout, tile, density === tile.value)
-    },
-    tile.value
-  )) });
-}
-function DisplayTab({ testIdPrefix }) {
-  const copy = useDataViewsCopy();
-  const { layout, setLayout, canUseCards, canUseList, canUseBoard } = useDataViewsLayout();
-  const available = [
-    "table",
-    ...canUseList ? ["list"] : [],
-    ...canUseCards ? ["cards"] : [],
-    ...canUseBoard ? ["board"] : []
-  ];
-  return /* @__PURE__ */ jsxs(default2, { sx: { p: 1 }, children: [
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, color: "text.secondary" }, children: copy.display.formatHeading }) }),
-    /* @__PURE__ */ jsx(
-      default2,
-      {
-        sx: {
-          display: "grid",
-          gridTemplateColumns: available.length > 3 ? "repeat(2, 1fr)" : `repeat(${available.length}, 1fr)`,
-          gap: 0.75,
-          mt: 0.5
-        },
-        children: available.map((value) => /* @__PURE__ */ jsx(
-          Tile,
-          {
-            active: layout === value,
-            label: LAYOUT_TILE_LABELS[value],
-            onClick: () => setLayout(value),
-            testId: `${testIdPrefix}-layout-${value}`,
-            children: layoutGlyph(value, layout === value)
-          },
-          value
-        ))
-      }
-    ),
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, py: 1, display: "block", color: "text.disabled" }, children: copy.display.layoutHints[layout] }) }),
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, color: "text.secondary" }, children: copy.display.densityHeadings[layout] }) }),
-    /* @__PURE__ */ jsx(DensityTiles, { testIdPrefix }),
-    !canUseBoard && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, pt: 1.25, display: "block", color: "text.disabled" }, children: copy.display.boardUnavailable }) })
-  ] });
-}
-
-export {
-  SortTab,
-  DisplayTab
-};
-//# sourceMappingURL=chunk-DOADQW7I.js.map

package/dist/chunk-DQHC5P64.js

@@ -1,225 +0,0 @@
-import {
-  RAIL_GAP_PX
-} from "./chunk-LYSSO6WC.js";
-import {
-  DescriptionItem
-} from "./chunk-PNYXXLPU.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-2PCOC3PT.js";
-
-// src/components/data-display/DataViews/base-list-card-slots.tsx
-import { Fragment } from "react";
-import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
-var META_BREAK = 520;
-var STACK_BREAK = 360;
-var TABULAR = { fontVariantNumeric: "tabular-nums" };
-var CLAMP = {
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-};
-function ListCardCaption({
-  title,
-  subtitle,
-  href,
-  target,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(default2, { "data-slot": "caption", sx: { minWidth: 0 }, children: [
-    title != null && /* @__PURE__ */ jsx(Text, { variant: "heading", size: "sm", weight: "bold", as: "p", children: /* @__PURE__ */ jsx(
-      default2,
-      {
-        ...href ? { component: "a", href, target } : { component: "span" },
-        "data-testid": testId,
-        sx: {
-          display: "block",
-          lineHeight: 1.2,
-          fontSize: "0.9rem",
-          color: "inherit",
-          textDecoration: "none",
-          ...CLAMP,
-          ...href ? {
-            "&::after": {
-              content: '""',
-              position: "absolute",
-              inset: 0,
-              // Under the checkbox, drag grip, actions and menu, which
-              // all raise themselves to 1.
-              zIndex: 0
-            },
-            "&:hover": { textDecoration: "underline" }
-          } : {}
-        },
-        children: title
-      }
-    ) }),
-    subtitle != null && /* @__PURE__ */ jsx(Text, { variant: "caption", size: "xs", color: "secondary", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", ...CLAMP }, children: subtitle }) })
-  ] });
-}
-function MetaRule() {
-  return /* @__PURE__ */ jsx(
-    default2,
-    {
-      "aria-hidden": true,
-      sx: {
-        flex: "0 0 auto",
-        color: "text.disabled",
-        opacity: 0.5,
-        userSelect: "none",
-        fontSize: "0.875rem",
-        // A cancelled row strikes the whole meta cluster, and a struck `|` is a
-        // dagger. The rule is punctuation, not data — nothing to void.
-        textDecoration: "none"
-      },
-      children: "|"
-    }
-  );
-}
-function ListCardMeta({
-  meta,
-  metaSlot,
-  trailingRule
-}) {
-  const items = meta ?? [];
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      "data-slot": "meta",
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-evenly",
-        // A FLOOR, not the spacing itself: `space-evenly` supplies the rest, and
-        // this is only what keeps a rail with no room to spare from running the
-        // date straight into the rule.
-        gap: 1,
-        whiteSpace: "nowrap",
-        ...TABULAR,
-        // Rung 1 of the ladder.
-        [`@container (max-width: ${META_BREAK}px)`]: { display: "none" }
-      },
-      children: [
-        items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-          index > 0 && /* @__PURE__ */ jsx(MetaRule, {}),
-          /* @__PURE__ */ jsx(
-            default2,
-            {
-              sx: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                minWidth: 0,
-                // Sized to the pair, so the gaps either side of it are free space
-                // that `space-evenly` can equalise.
-                flex: "0 0 auto"
-              },
-              children: /* @__PURE__ */ jsx(DescriptionItem, { orientation: "vertical", align: "center", ...item })
-            }
-          )
-        ] }, `${item.label}-${index}`)),
-        metaSlot,
-        trailingRule && items.length > 0 && /* @__PURE__ */ jsx(MetaRule, {})
-      ]
-    }
-  );
-}
-var VALUE_FLUSH = {
-  marginLeft: `-${RAIL_GAP_PX}px`,
-  [`@container (max-width: ${META_BREAK}px)`]: { marginLeft: 0 }
-};
-function ListCardValue({ value }) {
-  return /* @__PURE__ */ jsx(Text, { variant: "body", size: "sm", weight: "medium", as: "span", children: /* @__PURE__ */ jsx(
-    default2,
-    {
-      component: "span",
-      sx: { fontSize: "0.875rem", whiteSpace: "nowrap", ...TABULAR },
-      children: value
-    }
-  ) });
-}
-function ListCardActions({
-  actions,
-  alwaysVisible,
-  menu,
-  testId
-}) {
-  if (actions == null && menu == null) return null;
-  return (
-    // z-index 1: above the stretched link, so these stay clickable.
-    /* @__PURE__ */ jsxs(
-      default2,
-      {
-        "data-slot": "actions",
-        sx: { display: "flex", alignItems: "center", gap: 0.5, position: "relative", zIndex: 1 },
-        children: [
-          actions && /* @__PURE__ */ jsx(
-            default2,
-            {
-              "data-testid": testId("actions"),
-              onClick: (event) => event.stopPropagation(),
-              sx: {
-                display: "flex",
-                alignItems: "center",
-                gap: 0.5,
-                ...alwaysVisible ? {} : {
-                  visibility: "hidden",
-                  ".MuiPaper-root:hover &, .MuiPaper-root:focus-within &": {
-                    visibility: "visible"
-                  }
-                }
-              },
-              children: actions
-            }
-          ),
-          menu && /* @__PURE__ */ jsx(default2, { "data-testid": testId("menu"), onClick: (event) => event.stopPropagation(), children: menu })
-        ]
-      }
-    )
-  );
-}
-function ListCardTail({
-  value,
-  separated,
-  actions,
-  actionsAlwaysVisible,
-  menu,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(Fragment2, { children: [
-    /* @__PURE__ */ jsx(
-      default2,
-      {
-        "data-slot": "value",
-        sx: {
-          textAlign: "right",
-          ...separated && value != null ? VALUE_FLUSH : {}
-        },
-        "data-testid": testId("value"),
-        children: value != null && /* @__PURE__ */ jsx(ListCardValue, { value })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ListCardActions,
-      {
-        actions,
-        alwaysVisible: actionsAlwaysVisible,
-        menu,
-        testId
-      }
-    )
-  ] });
-}
-
-export {
-  META_BREAK,
-  STACK_BREAK,
-  ListCardCaption,
-  ListCardMeta,
-  ListCardActions,
-  ListCardTail
-};
-//# sourceMappingURL=chunk-DQHC5P64.js.map

package/dist/chunk-DTKMBI7B.js

@@ -1,240 +0,0 @@
-import {
-  resolveScrollAreaProps
-} from "./chunk-RHIDWUK7.js";
-import {
-  ScrollViewport
-} from "./chunk-C53C7C2X.js";
-import {
-  ScrollAreaContent
-} from "./chunk-4OEKIFBC.js";
-
-// src/components/layout/ScrollArea/ScrollArea.tsx
-import KeyboardArrowUp from "@mui/icons-material/KeyboardArrowUp";
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import Fab from "@mui/material/Fab/index.js";
-import Zoom from "@mui/material/Zoom/index.js";
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { jsx, 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__ */ jsx(
-  Box,
-  {
-    sx: {
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      transform: "translate(-50%, -50%)",
-      zIndex: 10
-    },
-    children: /* @__PURE__ */ jsx(CircularProgress, {})
-  }
-);
-var ScrollToTopFab = ({
-  visible,
-  glass,
-  scrollToTopLabel,
-  onClick
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(Zoom, { in: visible, children: /* @__PURE__ */ jsx(
-    Fab,
-    {
-      size: "small",
-      "aria-label": scrollToTopLabel,
-      onClick,
-      sx: {
-        position: "absolute",
-        bottom: 16,
-        right: 16,
-        zIndex: 1,
-        backgroundColor: glass ? alpha(theme.palette.primary.main, 0.2) : theme.palette.primary.main,
-        backdropFilter: glass ? "blur(10px)" : "none",
-        "&:hover": {
-          backgroundColor: glass ? alpha(theme.palette.primary.main, 0.3) : theme.palette.primary.dark
-        }
-      },
-      children: /* @__PURE__ */ jsx(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(
-    Box,
-    {
-      "data-testid": testId,
-      sx: { position: "relative", width, height, maxHeight, maxWidth, ...sx },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          ScrollViewport,
-          {
-            ...resolved,
-            regionLabel,
-            shouldShowScrollbar,
-            setScrollRef,
-            onScroll: handleScroll,
-            children: /* @__PURE__ */ jsx(
-              ScrollAreaContent,
-              {
-                emptyContent,
-                scrollRef,
-                containerWidth: containerDimensions.width,
-                children
-              }
-            )
-          }
-        ),
-        loading && /* @__PURE__ */ jsx(LoadingOverlay, {}),
-        scrollToTopButton && scrollToTopLabel && !disabled && !loading && /* @__PURE__ */ jsx(
-          ScrollToTopFab,
-          {
-            scrollToTopLabel,
-            visible: showScrollToTop,
-            glass: variant === "glass",
-            onClick: scrollToTop
-          }
-        )
-      ]
-    }
-  );
-};
-
-export {
-  ScrollArea
-};
-//# sourceMappingURL=chunk-DTKMBI7B.js.map