@12-apps/ui 6.33.0 → 6.34.0

package/dist/chunk-6Q6T3FW5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/Card/Card.metrics.ts"],"sourcesContent":["import type { CardBorderRadius } from './Card.base';\nimport type { UiShadow } from '../../../tokens/shadow';\n\n/**\n * THE NUMBERS BOTH `Card` RENDERERS DRAW WITH.\n *\n * `Card.styles.ts` (web, emotion over MUI) and `Card.native.tsx` /\n * `Card.look.native.ts` (React Native) read this one table. The web turns the\n * radii into `theme.spacing()` and the shadows into CSS strings (`shadowCss`\n * in `src/tokens/shadow.ts` writes exactly the text it always has); native\n * hands the same shadow objects to `boxShadow` and the same numbers to a\n * `StyleSheet`.\n *\n * Nothing here imports a renderer, a theme or a colour: a shadow's COLOUR is\n * the caller's, because the two sides reach for the same arithmetic through\n * different doors (`alpha` from `@mui/material/styles` on the web, from\n * `src/tokens/color` natively — a port of it, asserted equal).\n */\n\n/* ── The envelope ─────────────────────────────────────────────────────────── */\n\n/**\n * `theme.spacing(n)` per named radius. `none` is written as a bare `0` by the\n * web rather than `spacing(0)`, so it is spelled that way on both sides.\n */\nexport const CARD_RADIUS_UNITS: Record<Exclude<CardBorderRadius, 'full'>, number> = {\n  none: 0,\n  sm: 0.5,\n  md: 1,\n  lg: 2,\n  xl: 3,\n};\n\n/** `full` is a percentage of the box, not a length. */\nexport const CARD_RADIUS_FULL = '50%';\n\n/** The hairline `outlined` and `glass` draw. */\nexport const CARD_BORDER_WIDTH = 1;\n\n/* ── Shadows ──────────────────────────────────────────────────────────────── */\n\n/** A card's shadows are `UiShadow`s; `src/tokens/shadow.ts` says why they have a shape. */\nexport type CardShadow = UiShadow;\n\n/**\n * MUI's `theme.shadows[1]` — the elevation a `Paper` paints and therefore the\n * shadow every `elevated` card on the web already has.\n *\n * It is restated here rather than derived because the web never names it: it\n * arrives through `MuiCard` -> `MuiPaper`, and React Native has no Paper to\n * inherit it from. (`variant=\"elevated\"`'s own `elevation: 4` is not a CSS\n * property and paints nothing — see {@link CARD_ELEVATION}.)\n */\nexport const CARD_PAPER_SHADOW: readonly UiShadow[] = [\n  { offsetX: 0, offsetY: 2, blurRadius: 1, spreadDistance: -1, color: 'rgba(0, 0, 0, 0.2)' },\n  { offsetX: 0, offsetY: 1, blurRadius: 1, spreadDistance: 0, color: 'rgba(0, 0, 0, 0.14)' },\n  { offsetX: 0, offsetY: 1, blurRadius: 3, spreadDistance: 0, color: 'rgba(0, 0, 0, 0.12)' },\n];\n\n/**\n * What `elevated` declares at rest and on hover.\n *\n * `elevation` is not a CSS property, so on the web these paint NOTHING and an\n * elevated card shows `MuiPaper`'s own elevation-1 shadow. Kept because they\n * are what the source says, and mirrored natively by leaving\n * {@link CARD_PAPER_SHADOW} in place for both states.\n */\nexport const CARD_ELEVATION = { rest: 4, lifted: 8 } as const;\n\n/* ── Variant surfaces ─────────────────────────────────────────────────────── */\n\n/** `glass`: a 0.1 wash of the paper behind a 20px blur, inside a primary hairline. */\nexport const CARD_GLASS = {\n  backgroundAlpha: { rest: 0.1, lifted: 0.15 },\n  borderAlpha: { rest: 0.2, lifted: 0.3 },\n  blurPx: 20,\n  shadow: { offsetY: 8, blurRadius: 32, alpha: 0.1 },\n} as const;\n\n/** `gradient`: primary into secondary at 135°, over a hue-tinted drop shadow. */\nexport const CARD_GRADIENT = {\n  angleDeg: 135,\n  shadow: { offsetY: 4, blurRadius: 20, alpha: 0.3 },\n} as const;\n\n/** `neumorphic`: two opposed shadows, blurred twice their offset. */\nexport const CARD_NEUMORPHIC = {\n  spread: { rest: 8, lifted: 12 },\n  blurFactor: 2,\n  alpha: {\n    dark: { near: 0.3, far: 0.1 },\n    light: { near: { rest: 0.2, lifted: 0.3 }, far: { rest: 0.8, lifted: 0.9 } },\n  },\n} as const;\n\n/**\n * The offset pair `neumorphic` paints, given the two colours the mode picked:\n * `near` down-right, `far` up-left, both blurred twice the offset.\n */\nexport function neumorphicShadows(lifted: boolean, near: string, far: string): UiShadow[] {\n  const spread = lifted ? CARD_NEUMORPHIC.spread.lifted : CARD_NEUMORPHIC.spread.rest;\n  const blurRadius = spread * CARD_NEUMORPHIC.blurFactor;\n  return [\n    { offsetX: spread, offsetY: spread, blurRadius, spreadDistance: 0, color: near },\n    { offsetX: -spread, offsetY: -spread, blurRadius, spreadDistance: 0, color: far },\n  ];\n}\n\n/**\n * `section`: a flat ink wash rather than a palette slot, so a section reads as\n * a recess in whatever surface it sits on.\n */\nexport const CARD_SECTION_BACKGROUND = {\n  dark: { rest: 'rgba(0, 0, 0, 0.2)', lifted: 'rgba(0, 0, 0, 0.25)' },\n  light: { rest: 'rgba(0, 0, 0, 0.02)', lifted: 'rgba(0, 0, 0, 0.04)' },\n} as const;\n\n/* ── Decorations ──────────────────────────────────────────────────────────── */\n\n/** `glow`: a haloed primary shadow that widens under the pointer. */\nexport const CARD_GLOW = {\n  rest: { blurRadius: 20, alpha: 0.3 },\n  lifted: { blurRadius: 30, alpha: 0.4 },\n} as const;\n\n/**\n * `pulse`: a ring of the primary hue that grows 15px out of the card's edge and\n * fades, every two seconds. The web draws it as an `::after` box-shadow spread\n * behind the paper (`z-index: -1`).\n */\nexport const CARD_PULSE = {\n  alpha: 0.3,\n  durationMs: 2000,\n  spread: 15,\n  /** The fraction of the cycle the ring is still visible for. */\n  fadeAt: 0.7,\n  zIndex: -1,\n} as const;\n\n/** `interactive`: the card rises 2px under the pointer and settles while pressed. */\nexport const CARD_INTERACTIVE_LIFT = 2;\n\n/** `loading`: the card dims, stops taking pointers and centres a spinner over itself. */\nexport const CARD_LOADING = { opacity: 0.6, spinnerZIndex: 10, spinnerSize: 40 } as const;\n\n/* ── The slots ────────────────────────────────────────────────────────────── */\n\n/** `CardContent`: `theme.spacing(2)`, halved by `dense`. */\nexport const CARD_CONTENT_PADDING_UNITS = { normal: 2, dense: 1 } as const;\n\n/**\n * `CardHeader`, in MUI's own px: 16 all round, the avatar 16 from the content,\n * the action pulled back out of the padding on three sides.\n */\nexport const CARD_HEADER = {\n  padding: 16,\n  avatarGap: 16,\n  action: { marginTop: -4, marginRight: -8, marginBottom: -4 },\n} as const;\n\n/** A `CardHeader` given raw `children` is a plain `theme.spacing(2)` box instead. */\nexport const CARD_HEADER_CHILDREN_PADDING_UNITS = 2;\n\n/**\n * `CardActions`, in MUI's own px: 8 all round, and 8 between the actions unless\n * `disableSpacing` turns the run off.\n */\nexport const CARD_ACTIONS = { padding: 8, gap: 8 } as const;\n\n/** `CardMedia`'s default height. */\nexport const CARD_MEDIA_HEIGHT = 200;\n"],"mappings":";AAyBO,IAAM,oBAAuE;AAAA,EAClF,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,mBAAmB;AAGzB,IAAM,oBAAoB;AAgB1B,IAAM,oBAAyC;AAAA,EACpD,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,gBAAgB,IAAI,OAAO,qBAAqB;AAAA,EACzF,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,gBAAgB,GAAG,OAAO,sBAAsB;AAAA,EACzF,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,gBAAgB,GAAG,OAAO,sBAAsB;AAC3F;AAUO,IAAM,iBAAiB,EAAE,MAAM,GAAG,QAAQ,EAAE;AAK5C,IAAM,aAAa;AAAA,EACxB,iBAAiB,EAAE,MAAM,KAAK,QAAQ,KAAK;AAAA,EAC3C,aAAa,EAAE,MAAM,KAAK,QAAQ,IAAI;AAAA,EACtC,QAAQ;AAAA,EACR,QAAQ,EAAE,SAAS,GAAG,YAAY,IAAI,OAAO,IAAI;AACnD;AAGO,IAAM,gBAAgB;AAAA,EAC3B,UAAU;AAAA,EACV,QAAQ,EAAE,SAAS,GAAG,YAAY,IAAI,OAAO,IAAI;AACnD;AAGO,IAAM,kBAAkB;AAAA,EAC7B,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG;AAAA,EAC9B,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,MAAM,EAAE,MAAM,KAAK,KAAK,IAAI;AAAA,IAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,QAAQ,IAAI,GAAG,KAAK,EAAE,MAAM,KAAK,QAAQ,IAAI,EAAE;AAAA,EAC7E;AACF;AAMO,SAAS,kBAAkB,QAAiB,MAAc,KAAyB;AACxF,QAAM,SAAS,SAAS,gBAAgB,OAAO,SAAS,gBAAgB,OAAO;AAC/E,QAAM,aAAa,SAAS,gBAAgB;AAC5C,SAAO;AAAA,IACL,EAAE,SAAS,QAAQ,SAAS,QAAQ,YAAY,gBAAgB,GAAG,OAAO,KAAK;AAAA,IAC/E,EAAE,SAAS,CAAC,QAAQ,SAAS,CAAC,QAAQ,YAAY,gBAAgB,GAAG,OAAO,IAAI;AAAA,EAClF;AACF;AAMO,IAAM,0BAA0B;AAAA,EACrC,MAAM,EAAE,MAAM,sBAAsB,QAAQ,sBAAsB;AAAA,EAClE,OAAO,EAAE,MAAM,uBAAuB,QAAQ,sBAAsB;AACtE;AAKO,IAAM,YAAY;AAAA,EACvB,MAAM,EAAE,YAAY,IAAI,OAAO,IAAI;AAAA,EACnC,QAAQ,EAAE,YAAY,IAAI,OAAO,IAAI;AACvC;AAOO,IAAM,aAAa;AAAA,EACxB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA,EACR,QAAQ;AACV;AAGO,IAAM,wBAAwB;AAG9B,IAAM,eAAe,EAAE,SAAS,KAAK,eAAe,IAAI,aAAa,GAAG;AAKxE,IAAM,6BAA6B,EAAE,QAAQ,GAAG,OAAO,EAAE;AAMzD,IAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ,EAAE,WAAW,IAAI,aAAa,IAAI,cAAc,GAAG;AAC7D;AAGO,IAAM,qCAAqC;AAM3C,IAAM,eAAe,EAAE,SAAS,GAAG,KAAK,EAAE;AAG1C,IAAM,oBAAoB;","names":[]}

package/dist/chunk-6V7D6GRX.js

@@ -1,182 +0,0 @@
-import {
-  DiscloseSlot,
-  DragSlot,
-  SelectSlot
-} from "./chunk-7TSQNYQO.js";
-import {
-  actionProps,
-  metaShape,
-  rowStyles,
-  useRowShell
-} from "./chunk-LNOYDMFD.js";
-import {
-  ListCardActions,
-  ListCardCaption,
-  ListCardMeta,
-  ListCardTail
-} from "./chunk-62NFZR52.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
-import {
-  DropIndicator
-} from "./chunk-JCJGJX7V.js";
-import {
-  cellRailsTemplate
-} from "./chunk-LYSSO6WC.js";
-import {
-  ListCardCells,
-  cellTracks,
-  useCellConfig
-} from "./chunk-6VP2L3DJ.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Card
-} from "./chunk-AIRWM7KK.js";
-
-// src/components/data-display/DataViews/base-list-card.tsx
-import Collapse from "@mui/material/Collapse/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function useResolvedCells(props, inGroup) {
-  const groupCells = useCellConfig();
-  const cells = groupCells ?? props.cells ?? null;
-  const configured = cells != null && cells.length > 0 && props.row != null;
-  const cellTemplate = configured && !inGroup ? cellRailsTemplate(cellTracks(cells)) : null;
-  return { cells, configured, cellTemplate };
-}
-function RowContent({
-  card,
-  cells,
-  configured,
-  slot,
-  actionable,
-  meta
-}) {
-  if (configured && cells != null) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(ListCardCells, { cells, row: card.row }),
-      /* @__PURE__ */ jsx(
-        ListCardActions,
-        {
-          actions: actionable ? card.actions : void 0,
-          alwaysVisible: card.actionsAlwaysVisible,
-          menu: card.menu,
-          testId: slot
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ListCardCaption,
-      {
-        title: card.title,
-        subtitle: card.subtitle,
-        href: card.href,
-        target: card.target,
-        testId: slot("title")
-      }
-    ),
-    /* @__PURE__ */ jsx(ListCardMeta, { meta: card.meta, metaSlot: card.metaSlot, trailingRule: card.value != null }),
-    /* @__PURE__ */ jsx(
-      ListCardTail,
-      {
-        value: card.value,
-        separated: meta.present,
-        actions: actionable ? card.actions : void 0,
-        actionsAlwaysVisible: card.actionsAlwaysVisible,
-        menu: card.menu,
-        testId: slot
-      }
-    )
-  ] });
-}
-function ExpandableBody({
-  disclosure,
-  padY,
-  pad,
-  children
-}) {
-  if (!disclosure.expandable) return /* @__PURE__ */ jsx(Fragment, {});
-  return /* @__PURE__ */ jsx(default2, { sx: { gridColumn: "1 / -1", minWidth: 0 }, children: /* @__PURE__ */ jsx(Collapse, { in: disclosure.expanded, timeout: 150, children: /* @__PURE__ */ jsx(
-    default2,
-    {
-      id: disclosure.regionId,
-      role: "region",
-      sx: {
-        minWidth: 0,
-        // `padY`, not a fraction of the horizontal padding. The card's own
-        // `py` wraps the summary AND the body, so once the body is in flow
-        // the summary has no bottom padding of its own — at `comfortable`
-        // the row visibly lost the height it had while closed.
-        mt: padY,
-        pt: padY,
-        // A RULE BETWEEN SUMMARY AND BODY, bled through the row's horizontal
-        // padding so it spans the card edge to edge. Inset, it reads as a
-        // border around the content rather than a division of the card.
-        borderTop: 1,
-        borderColor: "divider",
-        mx: -pad,
-        px: pad
-      },
-      children
-    }
-  ) }) });
-}
-function BaseListCard(props) {
-  const { selected = false, onClick } = props;
-  const shell = useRowShell(props);
-  const { actionable, selectable, slot, drag, reserve, pad, padY, acts } = shell;
-  const meta = metaShape(props);
-  const disclosure = useDisclosure(props);
-  const { cells, configured, cellTemplate } = useResolvedCells(props, shell.group != null);
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      variant: "outlined",
-      className: props.className,
-      dataTestId: props.testId,
-      "aria-label": props["aria-label"],
-      "aria-disabled": actionable ? void 0 : true,
-      onContextMenu: props.onContextMenu,
-      ...acts ? actionProps(onClick) : {},
-      ...drag.itemProps,
-      sx: rowStyles(props, shell, cellTemplate),
-      children: [
-        drag.dropEdge != null && /* @__PURE__ */ jsx(DropIndicator, { edge: drag.dropEdge }),
-        /* @__PURE__ */ jsx(
-          DiscloseSlot,
-          {
-            expandable: disclosure.expandable,
-            expanded: disclosure.expanded,
-            reserve,
-            onToggle: disclosure.toggle,
-            controls: disclosure.regionId,
-            testId: slot("disclose")
-          }
-        ),
-        /* @__PURE__ */ jsx(DragSlot, { drag, reserve, testId: slot("drag") }),
-        /* @__PURE__ */ jsx(
-          SelectSlot,
-          {
-            selectable,
-            selected,
-            reserve,
-            onToggleSelect: props.onToggleSelect,
-            testId: slot("checkbox")
-          }
-        ),
-        /* @__PURE__ */ jsx(default2, { "data-slot": "leading", sx: { display: "flex", alignItems: "center" }, children: props.leading }),
-        /* @__PURE__ */ jsx(RowContent, { card: props, cells, configured, slot, actionable, meta }),
-        /* @__PURE__ */ jsx(ExpandableBody, { disclosure, padY, pad, children: props.children })
-      ]
-    }
-  );
-}
-
-export {
-  BaseListCard
-};
-//# sourceMappingURL=chunk-6V7D6GRX.js.map

package/dist/chunk-6YLAVHV4.js

@@ -1,240 +0,0 @@
-import {
-  ScrollViewport
-} from "./chunk-C53C7C2X.js";
-import {
-  ScrollAreaContent
-} from "./chunk-4OEKIFBC.js";
-import {
-  resolveScrollAreaProps
-} from "./chunk-RHIDWUK7.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-6YLAVHV4.js.map

package/dist/chunk-6YZLWM3K.js

@@ -1,143 +0,0 @@
-// src/components/data-display/Tooltip/Tooltip.tsx
-import MuiTooltip from "@mui/material/Tooltip/index.js";
-import { alpha, keyframes, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var pulseAnimation = keyframes`
-  0% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  70% {
-    transform: scale(1.05);
-    opacity: 0.8;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-`;
-var SIZE_MAP = {
-  sm: { fontSize: "0.75rem", padding: "4px 8px" },
-  md: { fontSize: "0.875rem", padding: "6px 12px" },
-  lg: { fontSize: "1rem", padding: "8px 16px" }
-};
-var getSizeStyles = (size) => SIZE_MAP[size] || SIZE_MAP.md;
-var variantStyles = (theme, variant) => {
-  switch (variant) {
-    case "default":
-      return {
-        backgroundColor: alpha(theme.palette.grey[900], 0.9),
-        color: theme.palette.common.white
-      };
-    case "dark":
-      return {
-        backgroundColor: theme.palette.grey[900],
-        color: theme.palette.common.white
-      };
-    case "light":
-      return {
-        backgroundColor: theme.palette.common.white,
-        color: theme.palette.text.primary,
-        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-        boxShadow: theme.shadows[4]
-      };
-    case "glass":
-      return {
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-        color: theme.palette.text.primary
-      };
-    default:
-      return {};
-  }
-};
-var emphasisStyles = (theme, glow, pulse) => ({
-  ...glow && {
-    boxShadow: `0 0 15px 3px ${alpha(theme.palette.primary.main, 0.4)} !important`,
-    filter: "brightness(1.05)"
-  },
-  ...pulse && {
-    animation: `${pulseAnimation} 2s infinite`
-  }
-});
-var arrowColor = (theme, variant) => {
-  switch (variant) {
-    case "light":
-      return theme.palette.common.white;
-    case "glass":
-      return alpha(theme.palette.background.paper, 0.1);
-    case "dark":
-      return theme.palette.grey[900];
-    default:
-      return alpha(theme.palette.grey[900], 0.9);
-  }
-};
-var StyledTooltip = styled(MuiTooltip, {
-  shouldForwardProp: (prop) => !["customVariant", "customSize", "glow", "pulse"].includes(prop)
-})(({ theme, customVariant, customSize, glow, pulse }) => {
-  const sizeStyles = getSizeStyles(customSize);
-  return {
-    "& .MuiTooltip-tooltip": {
-      borderRadius: theme.spacing(1),
-      fontSize: sizeStyles.fontSize,
-      padding: sizeStyles.padding,
-      fontWeight: 500,
-      transition: "all 0.3s ease",
-      position: "relative",
-      overflow: "hidden",
-      ...variantStyles(theme, customVariant),
-      ...emphasisStyles(theme, glow, pulse)
-    },
-    "& .MuiTooltip-arrow": {
-      color: arrowColor(theme, customVariant)
-    }
-  };
-});
-var Tooltip = React.forwardRef(
-  ({
-    variant = "default",
-    size = "md",
-    glow = false,
-    pulse = false,
-    maxWidth = 300,
-    dataTestId,
-    children,
-    ...props
-  }, ref) => {
-    const childWithTestId = dataTestId ? React.cloneElement(children, {
-      "data-testid": `${dataTestId}-trigger`
-    }) : children;
-    return /* @__PURE__ */ jsx(
-      StyledTooltip,
-      {
-        ref,
-        customVariant: variant,
-        customSize: size,
-        glow,
-        pulse,
-        enterDelay: 0,
-        leaveDelay: 0,
-        disableHoverListener: false,
-        disableFocusListener: false,
-        disableTouchListener: false,
-        slotProps: {
-          tooltip: {
-            sx: { maxWidth },
-            role: "tooltip",
-            ...dataTestId && { "data-testid": `${dataTestId}-content` }
-          }
-        },
-        ...props,
-        children: childWithTestId
-      }
-    );
-  }
-);
-Tooltip.displayName = "Tooltip";
-
-export {
-  Tooltip
-};
-//# sourceMappingURL=chunk-6YZLWM3K.js.map

package/dist/chunk-6YZLWM3K.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Tooltip/Tooltip.tsx"],"sourcesContent":["import MuiTooltip from '@mui/material/Tooltip/index.js';\nimport { alpha, keyframes, styled } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { TooltipProps } from './Tooltip.types';\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  70% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n`;\n\nconst SIZE_MAP = {\n  sm: { fontSize: '0.75rem', padding: '4px 8px' },\n  md: { fontSize: '0.875rem', padding: '6px 12px' },\n  lg: { fontSize: '1rem', padding: '8px 16px' },\n} as const;\n\nconst getSizeStyles = (size?: string): { fontSize: string; padding: string } =>\n  SIZE_MAP[size as keyof typeof SIZE_MAP] || SIZE_MAP.md;\n\nconst variantStyles = (theme: Theme, variant?: string): CSSObject => {\n  switch (variant) {\n    case 'default':\n      return {\n        backgroundColor: alpha(theme.palette.grey[900], 0.9),\n        color: theme.palette.common.white,\n      };\n    case 'dark':\n      return {\n        backgroundColor: theme.palette.grey[900],\n        color: theme.palette.common.white,\n      };\n    case 'light':\n      return {\n        backgroundColor: theme.palette.common.white,\n        color: theme.palette.text.primary,\n        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n        boxShadow: theme.shadows[4],\n      };\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n        color: theme.palette.text.primary,\n      };\n    default:\n      return {};\n  }\n};\n\n// glow and pulse are independent flags. The three combinations used to be spelled\n// out one by one, but each is just the union of whichever flags are set.\nconst emphasisStyles = (theme: Theme, glow?: boolean, pulse?: boolean): CSSObject => ({\n  ...(glow && {\n    boxShadow: `0 0 15px 3px ${alpha(theme.palette.primary.main, 0.4)} !important`,\n    filter: 'brightness(1.05)',\n  }),\n  ...(pulse && {\n    animation: `${pulseAnimation} 2s infinite`,\n  }),\n});\n\nconst arrowColor = (theme: Theme, variant?: string): string => {\n  switch (variant) {\n    case 'light':\n      return theme.palette.common.white;\n    case 'glass':\n      return alpha(theme.palette.background.paper, 0.1);\n    case 'dark':\n      return theme.palette.grey[900];\n    default:\n      return alpha(theme.palette.grey[900], 0.9);\n  }\n};\n\nconst StyledTooltip = styled(MuiTooltip, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customSize', 'glow', 'pulse'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customSize?: string;\n  glow?: boolean;\n  pulse?: boolean;\n}>(({ theme, customVariant, customSize, glow, pulse }) => {\n  const sizeStyles = getSizeStyles(customSize);\n\n  return {\n    '& .MuiTooltip-tooltip': {\n      borderRadius: theme.spacing(1),\n      fontSize: sizeStyles.fontSize,\n      padding: sizeStyles.padding,\n      fontWeight: 500,\n      transition: 'all 0.3s ease',\n      position: 'relative',\n      overflow: 'hidden',\n      ...variantStyles(theme, customVariant),\n      ...emphasisStyles(theme, glow, pulse),\n    },\n\n    '& .MuiTooltip-arrow': {\n      color: arrowColor(theme, customVariant),\n    },\n  };\n});\n\nexport const Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(\n  (\n    {\n      variant = 'default',\n      size = 'md',\n      glow = false,\n      pulse = false,\n      maxWidth = 300,\n      dataTestId,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const childWithTestId = dataTestId\n      ? React.cloneElement(children as React.ReactElement<{ 'data-testid'?: string }>, {\n          'data-testid': `${dataTestId}-trigger`,\n        })\n      : children;\n\n    return (\n      <StyledTooltip\n        ref={ref}\n        customVariant={variant}\n        customSize={size}\n        glow={glow}\n        pulse={pulse}\n        enterDelay={0}\n        leaveDelay={0}\n        disableHoverListener={false}\n        disableFocusListener={false}\n        disableTouchListener={false}\n        slotProps={{\n          tooltip: {\n            sx: { maxWidth },\n            role: 'tooltip',\n            ...(dataTestId && { 'data-testid': `${dataTestId}-content` }),\n          },\n        }}\n        {...props}\n      >\n        {childWithTestId}\n      </StyledTooltip>\n    );\n  },\n);\n\nTooltip.displayName = 'Tooltip';\n"],"mappings":"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","names":[]}

package/dist/chunk-7A3G4W52.js

@@ -1,64 +0,0 @@
-import {
-  headingSx
-} from "./chunk-RAWQMBX6.js";
-import {
-  HEADING_DEFAULT_COLOR,
-  HEADING_DEFAULT_LEVEL,
-  HEADING_DEFAULT_WEIGHT,
-  HEADING_RANK,
-  stepOf
-} from "./chunk-GXEB6MJA.js";
-import {
-  resolveTestId,
-  withoutTestIdProps
-} from "./chunk-TYJR4GOF.js";
-
-// src/components/typography/Heading/Heading.tsx
-import { styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var styledHeading = () => styled("h1", {
-  shouldForwardProp: (prop) => !["customSize", "customColor", "customWeight", "gradient"].includes(prop)
-})(({ theme, ...flags }) => ({ ...headingSx(theme, flags) }));
-var STYLED_BY_TAG = {
-  h1: styledHeading().withComponent("h1"),
-  h2: styledHeading().withComponent("h2"),
-  h3: styledHeading().withComponent("h3"),
-  h4: styledHeading().withComponent("h4"),
-  h5: styledHeading().withComponent("h5"),
-  h6: styledHeading().withComponent("h6")
-};
-var Heading = React.forwardRef(
-  ({
-    level = HEADING_DEFAULT_LEVEL,
-    size,
-    color = HEADING_DEFAULT_COLOR,
-    weight = HEADING_DEFAULT_WEIGHT,
-    gradient = false,
-    children,
-    ...others
-  }, ref) => {
-    const Styled = STYLED_BY_TAG[`h${HEADING_RANK[stepOf(level)]}`];
-    const testId = resolveTestId(others);
-    const props = withoutTestIdProps(others);
-    return /* @__PURE__ */ jsx(
-      Styled,
-      {
-        ref,
-        "data-testid": testId,
-        customSize: size ?? level,
-        customColor: color,
-        customWeight: weight,
-        gradient,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Heading.displayName = "Heading";
-
-export {
-  Heading
-};
-//# sourceMappingURL=chunk-7A3G4W52.js.map