@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-MFE3GSKU.js

@@ -1,216 +0,0 @@
-import {
-  useDragGestures
-} from "./chunk-CRN4KKNI.js";
-import {
-  SPRING_CONFIG
-} from "./chunk-GVBSCGFZ.js";
-
-// src/components/data-display/Sheet/Sheet.hooks.ts
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-var closestSnapPoint = (points, position, from, velocity, velocityThreshold) => {
-  if (Math.abs(velocity) > velocityThreshold) {
-    const index = points.findIndex((point) => Math.abs(point - from) < 0.01);
-    if (velocity > 0 && index < points.length - 1) return points[index + 1];
-    if (velocity < 0 && index > 0) return points[index - 1];
-  }
-  return points.reduce(
-    (closest, point) => Math.abs(position - point) < Math.abs(position - closest) ? point : closest,
-    points[0] ?? from
-  );
-};
-var useSheetHeight = (input) => {
-  const { isVerticalSheet, isBottomSheet, isTopSheet } = input;
-  const [currentHeight, setCurrentHeight] = useState(null);
-  const sheetRef = useRef(null);
-  const updateSheetHeight = useCallback(
-    (snapPoint) => {
-      if (!sheetRef.current || !isVerticalSheet) return;
-      const height = Math.round(window.innerHeight * snapPoint);
-      if (isBottomSheet) {
-        sheetRef.current.style.height = `${height}px`;
-        sheetRef.current.style.transform = "translateY(0)";
-      } else if (isTopSheet) {
-        sheetRef.current.style.height = `${height}px`;
-      }
-      setCurrentHeight(height);
-    },
-    [isBottomSheet, isTopSheet, isVerticalSheet]
-  );
-  return { sheetRef, currentHeight, updateSheetHeight };
-};
-var useSnapAnimation = ({
-  isVerticalSheet,
-  animationConfig,
-  updateSheetHeight,
-  onSettled,
-  enabled
-}) => {
-  const [isAnimating, setIsAnimating] = useState(false);
-  const animationFrameRef = useRef(void 0);
-  const animateToSnapPoint = useCallback(
-    (from, to, velocity = 0) => {
-      if (!enabled() || !isVerticalSheet) return;
-      setIsAnimating(true);
-      const distance = to - from;
-      const startTime = globalThis.performance.now();
-      const { tension, friction } = { ...SPRING_CONFIG, ...animationConfig };
-      let currentVelocity = velocity * 1e3;
-      const animate = () => {
-        const elapsed = (globalThis.performance.now() - startTime) / 1e3;
-        const springForce = -tension * (from - to);
-        const dampingForce = -friction * currentVelocity;
-        currentVelocity += (springForce + dampingForce) * 0.016;
-        const progress = Math.min(1, elapsed * 4);
-        updateSheetHeight(from + distance * progress);
-        if (progress < 1) {
-          animationFrameRef.current = window.requestAnimationFrame(animate);
-          return;
-        }
-        setIsAnimating(false);
-        onSettled(to);
-        updateSheetHeight(to);
-      };
-      animate();
-    },
-    [isVerticalSheet, animationConfig, updateSheetHeight, onSettled, enabled]
-  );
-  const cancelAnimation = useCallback(() => {
-    if (animationFrameRef.current) {
-      window.cancelAnimationFrame(animationFrameRef.current);
-    }
-  }, []);
-  return { isAnimating, animateToSnapPoint, cancelAnimation };
-};
-var useSnapGeometry = (input) => {
-  const {
-    isVerticalSheet,
-    snapPoints,
-    defaultSnapPoint,
-    minSnapPoint,
-    maxSnapPoint,
-    velocityThreshold,
-    animationConfig,
-    onSnapPointChange
-  } = input;
-  const [currentSnapPoint, setCurrentSnapPoint] = useState(defaultSnapPoint);
-  const { sheetRef, currentHeight, updateSheetHeight } = useSheetHeight(input);
-  const sortedSnapPoints = useMemo(
-    () => [...snapPoints].sort((a, b) => a - b).filter((point) => point >= minSnapPoint && point <= maxSnapPoint),
-    [snapPoints, minSnapPoint, maxSnapPoint]
-  );
-  const onSettled = useCallback(
-    (snapPoint) => {
-      setCurrentSnapPoint(snapPoint);
-      onSnapPointChange?.(snapPoint);
-    },
-    [onSnapPointChange]
-  );
-  const hasPanel = useCallback(() => Boolean(sheetRef.current), [sheetRef]);
-  const { isAnimating, animateToSnapPoint, cancelAnimation } = useSnapAnimation({
-    isVerticalSheet,
-    animationConfig,
-    updateSheetHeight,
-    onSettled,
-    enabled: hasPanel
-  });
-  const settleAt = useCallback(
-    (position, velocity) => {
-      const target = closestSnapPoint(
-        sortedSnapPoints,
-        position,
-        currentSnapPoint,
-        velocity,
-        velocityThreshold
-      );
-      if (target === void 0) return void 0;
-      animateToSnapPoint(currentSnapPoint, target, velocity);
-      return target;
-    },
-    [sortedSnapPoints, currentSnapPoint, velocityThreshold, animateToSnapPoint]
-  );
-  const resetToDefaultSnapPoint = useCallback(() => {
-    setCurrentSnapPoint(defaultSnapPoint);
-    updateSheetHeight(defaultSnapPoint);
-  }, [defaultSnapPoint, updateSheetHeight]);
-  return {
-    sheetRef,
-    currentSnapPoint,
-    currentHeight,
-    isAnimating,
-    updateSheetHeight,
-    settleAt,
-    resetToDefaultSnapPoint,
-    cancelAnimation
-  };
-};
-var useSheetDrag = (input) => {
-  const geometry = useSnapGeometry(input);
-  const { isDragging, handleDragStart } = useDragGestures(input, geometry);
-  return {
-    sheetRef: geometry.sheetRef,
-    currentHeight: geometry.currentHeight,
-    isAnimating: geometry.isAnimating,
-    resetToDefaultSnapPoint: geometry.resetToDefaultSnapPoint,
-    isDragging,
-    handleDragStart
-  };
-};
-var useSheetOpen = (input) => {
-  const {
-    open,
-    persistent,
-    disabled,
-    closeOnEscape,
-    closeOnOverlayClick,
-    isDraggableVariant,
-    isVerticalSheet,
-    resetToDefaultSnapPoint,
-    onOpenChange,
-    onClose,
-    onOpen
-  } = input;
-  const [isOpen, setIsOpen] = useState(open);
-  const handleClose = useCallback(() => {
-    if (!persistent && !disabled) {
-      setIsOpen(false);
-      onOpenChange?.(false);
-      onClose?.();
-    }
-  }, [persistent, disabled, onOpenChange, onClose]);
-  const handleOverlayClick = useCallback(() => {
-    if (closeOnOverlayClick && !persistent) {
-      handleClose();
-    }
-  }, [closeOnOverlayClick, persistent, handleClose]);
-  const handleSwipeOpen = useCallback(() => {
-    setIsOpen(true);
-    onOpenChange?.(true);
-    onOpen?.();
-  }, [onOpenChange, onOpen]);
-  useEffect(() => {
-    setIsOpen(open);
-    if (open) {
-      onOpen?.();
-      if (isDraggableVariant && isVerticalSheet) {
-        resetToDefaultSnapPoint();
-      }
-    }
-  }, [open, onOpen, isDraggableVariant, isVerticalSheet, resetToDefaultSnapPoint]);
-  useEffect(() => {
-    if (!isOpen) return;
-    const handleEscape = (e) => {
-      if (closeOnEscape && e.key === "Escape") {
-        handleClose();
-      }
-    };
-    document.addEventListener("keydown", handleEscape);
-    return () => document.removeEventListener("keydown", handleEscape);
-  }, [isOpen, closeOnEscape, handleClose]);
-  return { isOpen, handleClose, handleOverlayClick, handleSwipeOpen };
-};
-
-export {
-  useSheetDrag,
-  useSheetOpen
-};
-//# sourceMappingURL=chunk-MFE3GSKU.js.map

package/dist/chunk-MHWZHOTX.js

@@ -1,75 +0,0 @@
-// src/components/form/InputOTP/InputOTP.styles.ts
-import { alpha } from "@mui/material";
-var neutralPalette = (theme) => ({
-  main: theme.palette.grey[700],
-  dark: theme.palette.grey[800],
-  light: theme.palette.grey[500],
-  contrastText: "#fff"
-});
-var namedPalette = (theme, color) => {
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    info: theme.palette.info,
-    danger: theme.palette.error
-  };
-  return colorMap[color] || theme.palette.primary;
-};
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return neutralPalette(theme);
-  }
-  const palette = namedPalette(theme, color);
-  const { primary } = theme.palette;
-  return {
-    main: palette.main || primary.main,
-    dark: palette.dark || palette.main || primary.dark,
-    light: palette.light || palette.main || primary.light,
-    contrastText: palette.contrastText || "#fff"
-  };
-};
-var SIZES = {
-  xs: { side: "32px", fontSize: "0.75rem" },
-  sm: { side: "40px", fontSize: "0.875rem" },
-  md: { side: "48px", fontSize: "1rem" },
-  lg: { side: "56px", fontSize: "1.125rem" },
-  xl: { side: "64px", fontSize: "1.25rem" }
-};
-var otpSlotSx = (theme, flags) => {
-  const { customColor = "primary", customSize = "md", glass, gradient } = flags;
-  const palette = getColorFromTheme(theme, customColor);
-  const { side, fontSize } = SIZES[customSize] ?? SIZES.md;
-  return {
-    width: side,
-    height: side,
-    "& .MuiOutlinedInput-root": {
-      width: side,
-      height: side,
-      fontSize,
-      fontWeight: 600,
-      textAlign: "center",
-      borderRadius: theme.spacing(1),
-      ...glass && {
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        "& fieldset": { border: `1px solid ${alpha(theme.palette.divider, 0.2)}` }
-      },
-      ...gradient && {
-        "&.Mui-focused fieldset": {
-          background: `linear-gradient(135deg, ${palette.main}, ${palette.light})`,
-          borderWidth: "2px"
-        }
-      },
-      "& input": { textAlign: "center", padding: 0, fontWeight: "inherit" },
-      "&:hover fieldset": { borderColor: palette.main },
-      "&.Mui-focused fieldset": { borderColor: palette.main, borderWidth: "2px" }
-    }
-  };
-};
-
-export {
-  otpSlotSx
-};
-//# sourceMappingURL=chunk-MHWZHOTX.js.map

package/dist/chunk-MHWZHOTX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\ninterface ColorPalette {\n  main: string;\n  dark?: string;\n  light?: string;\n  contrastText?: string;\n}\n\n/** `neutral` is not a MUI palette entry, so it is built from the grey ramp. */\nconst neutralPalette = (theme: Theme): ColorPalette => ({\n  main: theme.palette.grey[700],\n  dark: theme.palette.grey[800],\n  light: theme.palette.grey[500],\n  contrastText: '#fff',\n});\n\n/** `danger` is this component's name for the error palette. */\nconst namedPalette = (theme: Theme, color: string): ColorPalette => {\n  const colorMap: Record<string, ColorPalette> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\nconst getColorFromTheme = (theme: Theme, color: string): ColorPalette => {\n  if (color === 'neutral') {\n    return neutralPalette(theme);\n  }\n\n  const palette = namedPalette(theme, color);\n  const { primary } = theme.palette;\n\n  return {\n    main: palette.main || primary.main,\n    dark: palette.dark || palette.main || primary.dark,\n    light: palette.light || palette.main || primary.light,\n    contrastText: palette.contrastText || '#fff',\n  };\n};\n\ntype SizeKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/** Each slot is a square, so width and height always match. */\nconst SIZES: Record<SizeKey, { side: string; fontSize: string }> = {\n  xs: { side: '32px', fontSize: '0.75rem' },\n  sm: { side: '40px', fontSize: '0.875rem' },\n  md: { side: '48px', fontSize: '1rem' },\n  lg: { side: '56px', fontSize: '1.125rem' },\n  xl: { side: '64px', fontSize: '1.25rem' },\n};\n\nexport interface OtpSlotFlags {\n  customColor?: string;\n  customSize?: string;\n  glass?: boolean;\n  gradient?: boolean;\n}\n\nexport const otpSlotSx = (theme: Theme, flags: OtpSlotFlags): CSSObject => {\n  const { customColor = 'primary', customSize = 'md', glass, gradient } = flags;\n  const palette = getColorFromTheme(theme, customColor);\n  const { side, fontSize } = SIZES[customSize as SizeKey] ?? SIZES.md;\n\n  return {\n    width: side,\n    height: side,\n    '& .MuiOutlinedInput-root': {\n      width: side,\n      height: side,\n      fontSize,\n      fontWeight: 600,\n      textAlign: 'center',\n      borderRadius: theme.spacing(1),\n      ...(glass && {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        '& fieldset': { border: `1px solid ${alpha(theme.palette.divider, 0.2)}` },\n      }),\n      ...(gradient && {\n        '&.Mui-focused fieldset': {\n          background: `linear-gradient(135deg, ${palette.main}, ${palette.light})`,\n          borderWidth: '2px',\n        },\n      }),\n      '& input': { textAlign: 'center', padding: 0, fontWeight: 'inherit' },\n      '&:hover fieldset': { borderColor: palette.main },\n      '&.Mui-focused fieldset': { borderColor: palette.main, borderWidth: '2px' },\n    },\n  };\n};\n"],"mappings":";AAAA,SAAS,aAAa;AAWtB,IAAM,iBAAiB,CAAC,WAAgC;AAAA,EACtD,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC5B,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC5B,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC7B,cAAc;AAChB;AAGA,IAAM,eAAe,CAAC,OAAc,UAAgC;AAClE,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAEA,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AACvE,MAAI,UAAU,WAAW;AACvB,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,QAAM,UAAU,aAAa,OAAO,KAAK;AACzC,QAAM,EAAE,QAAQ,IAAI,MAAM;AAE1B,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ,QAAQ;AAAA,IAC9B,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,IAC9C,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAAA,IAChD,cAAc,QAAQ,gBAAgB;AAAA,EACxC;AACF;AAKA,IAAM,QAA6D;AAAA,EACjE,IAAI,EAAE,MAAM,QAAQ,UAAU,UAAU;AAAA,EACxC,IAAI,EAAE,MAAM,QAAQ,UAAU,WAAW;AAAA,EACzC,IAAI,EAAE,MAAM,QAAQ,UAAU,OAAO;AAAA,EACrC,IAAI,EAAE,MAAM,QAAQ,UAAU,WAAW;AAAA,EACzC,IAAI,EAAE,MAAM,QAAQ,UAAU,UAAU;AAC1C;AASO,IAAM,YAAY,CAAC,OAAc,UAAmC;AACzE,QAAM,EAAE,cAAc,WAAW,aAAa,MAAM,OAAO,SAAS,IAAI;AACxE,QAAM,UAAU,kBAAkB,OAAO,WAAW;AACpD,QAAM,EAAE,MAAM,SAAS,IAAI,MAAM,UAAqB,KAAK,MAAM;AAEjE,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,4BAA4B;AAAA,MAC1B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,cAAc,MAAM,QAAQ,CAAC;AAAA,MAC7B,GAAI,SAAS;AAAA,QACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB;AAAA,QAChB,cAAc,EAAE,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC,GAAG;AAAA,MAC3E;AAAA,MACA,GAAI,YAAY;AAAA,QACd,0BAA0B;AAAA,UACxB,YAAY,2BAA2B,QAAQ,IAAI,KAAK,QAAQ,KAAK;AAAA,UACrE,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,WAAW,EAAE,WAAW,UAAU,SAAS,GAAG,YAAY,UAAU;AAAA,MACpE,oBAAoB,EAAE,aAAa,QAAQ,KAAK;AAAA,MAChD,0BAA0B,EAAE,aAAa,QAAQ,MAAM,aAAa,MAAM;AAAA,IAC5E;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-MLM3X2KC.js

@@ -1,267 +0,0 @@
-import {
-  DataViewsBoard
-} from "./chunk-HWT6SIVS.js";
-import {
-  SelectAllStrip
-} from "./chunk-LRO376TY.js";
-import {
-  cardGridTracks
-} from "./chunk-Y6SB4WU2.js";
-import {
-  ListCardGroup
-} from "./chunk-EPWXEGLH.js";
-import {
-  DENSITY_BOARD_SCALE,
-  DENSITY_ROW_PADDING,
-  cardScaleForZoom,
-  cardTargetWidthFor,
-  useDataViewsLayout
-} from "./chunk-4EGKGOV2.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  DataGrid
-} from "./chunk-JQCWDFFH.js";
-import {
-  Box
-} from "./chunk-34DQAXL2.js";
-
-// src/components/data-display/DataViews/data-views-grid-bodies.tsx
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function GridBody({
-  rows,
-  columns,
-  getRowId,
-  selectedIds,
-  onChangeSelected,
-  sortBy,
-  onChangeSortBy,
-  sortMode,
-  rowPadding,
-  dataTestId,
-  emptyState
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        width: "100%",
-        overflowX: "auto",
-        mt: 1.5,
-        // Tabwoah-style dense rows: MUI's default TableCell padding keeps rows
-        // tall regardless of rowHeight, so the DENSITY preference is applied
-        // here rather than through `rowHeight`, which it would fight.
-        "& .MuiTableCell-root": { py: rowPadding, fontSize: "0.8125rem" },
-        "& .MuiTableCell-head": { py: 0.5, fontSize: "0.75rem" }
-      },
-      children: /* @__PURE__ */ jsx(
-        DataGrid,
-        {
-          rows,
-          columns,
-          getRowId: (row) => getRowId(row),
-          virtualizeRows: false,
-          density: "compact",
-          rowHeight: 36,
-          headerHeight: 36,
-          selection: { mode: "multi", selectedRowIds: selectedIds, onChangeSelected },
-          sorting: { mode: sortMode, sortBy, onChangeSortBy },
-          "data-testid": dataTestId,
-          emptyState,
-          emptyText: copy.grid.emptyFilteredTitle
-        }
-      )
-    }
-  );
-}
-function CardBody({
-  rows,
-  renderCard,
-  getRowId,
-  selectedIds,
-  onToggleId,
-  targetCardWidth,
-  cardScale,
-  dataTestId,
-  emptyState
-}) {
-  if (rows.length === 0) {
-    return /* @__PURE__ */ jsx(Box, { sx: { mt: 1.5 }, children: emptyState });
-  }
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        mt: 1.5,
-        display: "grid",
-        // Fixed inter-card gap — deliberately NOT scaled by the zoom slider, so
-        // only the cards grow while the space between them stays constant.
-        gap: 1.5,
-        ...cardGridTracks(targetCardWidth)
-      },
-      "data-testid": dataTestId ? `${dataTestId}-cards` : "data-views-cards",
-      children: rows.map((row) => {
-        const id = getRowId(row);
-        return /* @__PURE__ */ jsx(Box, { children: renderCard(row, {
-          selected: selectedIds.has(id),
-          onToggleSelect: () => onToggleId(id),
-          scale: cardScale
-        }) }, id);
-      })
-    }
-  );
-}
-function ListBody({
-  rows,
-  renderListRow,
-  getRowId,
-  selectedIds,
-  onToggleId,
-  rowGap,
-  group,
-  density,
-  dataTestId,
-  emptyState
-}) {
-  if (rows.length === 0) {
-    return /* @__PURE__ */ jsx(Box, { sx: { mt: 1.5 }, children: emptyState });
-  }
-  const testId = dataTestId ? `${dataTestId}-list` : "data-views-list";
-  const selectionFor = (id) => ({
-    selected: selectedIds.has(id),
-    onToggleSelect: () => onToggleId(id),
-    scale: 1
-  });
-  if (group) {
-    return /* @__PURE__ */ jsx(Box, { sx: { mt: 1.5 }, children: /* @__PURE__ */ jsx(
-      ListCardGroup,
-      {
-        cells: group.cells,
-        metaColumns: group.metaColumns,
-        rails: group.rails,
-        reserveGutters: group.reserveGutters,
-        density,
-        gap: rowGap,
-        dataTestId: testId,
-        children: rows.map((row) => {
-          const id = getRowId(row);
-          return /* @__PURE__ */ jsx(React.Fragment, { children: renderListRow(row, selectionFor(id)) }, id);
-        })
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: { mt: 1.5, display: "flex", flexDirection: "column", gap: rowGap },
-      "data-testid": testId,
-      children: rows.map((row) => {
-        const id = getRowId(row);
-        return /* @__PURE__ */ jsx(Box, { children: renderListRow(row, selectionFor(id)) }, id);
-      })
-    }
-  );
-}
-function Headerless({
-  c,
-  getRowId,
-  testIdPrefix,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      SelectAllStrip,
-      {
-        rows: c.matched,
-        getRowId,
-        selectedIds: c.selectedIds,
-        onChange: (next) => c.setSelectedIds(next),
-        testIdPrefix
-      }
-    ),
-    children
-  ] });
-}
-function headerlessBody({ c, getRowId, renderCard, renderListRow, listGroup, board, dataTestId, emptyState }, { layout, zoom, density }) {
-  if (layout === "list" && renderListRow) {
-    return /* @__PURE__ */ jsx(
-      ListBody,
-      {
-        rows: c.matched,
-        renderListRow,
-        getRowId,
-        selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
-        rowGap: DENSITY_ROW_PADDING[density],
-        group: listGroup,
-        density,
-        dataTestId,
-        emptyState
-      }
-    );
-  }
-  if (layout === "board" && board && renderCard) {
-    return /* @__PURE__ */ jsx(
-      DataViewsBoard,
-      {
-        rows: c.matched,
-        board,
-        getRowId,
-        renderCard,
-        selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
-        cardScale: DENSITY_BOARD_SCALE[density],
-        dataTestId
-      }
-    );
-  }
-  if (layout === "cards" && renderCard) {
-    return /* @__PURE__ */ jsx(
-      CardBody,
-      {
-        rows: c.matched,
-        renderCard,
-        getRowId,
-        selectedIds: c.selectedIds,
-        onToggleId: c.toggleId,
-        targetCardWidth: cardTargetWidthFor(zoom, density),
-        cardScale: cardScaleForZoom(zoom),
-        dataTestId,
-        emptyState
-      }
-    );
-  }
-  return null;
-}
-function GridMain(props) {
-  const { c, getRowId, dataTestId, emptyState, testIdPrefix } = props;
-  const layoutState = useDataViewsLayout();
-  const body = headerlessBody(props, layoutState);
-  if (body) {
-    return /* @__PURE__ */ jsx(Headerless, { c, getRowId, testIdPrefix, children: body });
-  }
-  return /* @__PURE__ */ jsx(
-    GridBody,
-    {
-      rows: c.matched,
-      columns: c.gridColumns,
-      getRowId,
-      selectedIds: [...c.selectedIds],
-      onChangeSelected: (ids) => c.setSelectedIds(new Set(ids)),
-      sortBy: c.state.sortBy,
-      onChangeSortBy: (next) => c.patch({ sortBy: next }),
-      sortMode: c.serverMode ? "server" : "client",
-      rowPadding: DENSITY_ROW_PADDING[layoutState.density],
-      dataTestId,
-      emptyState
-    }
-  );
-}
-
-export {
-  GridMain
-};
-//# sourceMappingURL=chunk-MLM3X2KC.js.map

package/dist/chunk-MLM3X2KC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-grid-bodies.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\nimport { DataGrid, type GridColumn, type GridSort } from \"../DataGrid\";\nimport { Box } from \"../../../mui/Box\";\n\nimport {\n  cardTargetWidthFor,\n  cardScaleForZoom,\n  DENSITY_BOARD_SCALE,\n  DENSITY_ROW_PADDING,\n  useDataViewsLayout,\n  type DataViewsDensity,\n} from \"./data-views-layout-context\";\nimport { cardGridTracks } from \"./data-views-grid-helpers\";\nimport { DataViewsBoard, type BoardConfig } from \"./DataViewsBoard\";\nimport { SelectAllStrip } from \"./data-views-select-all-strip\";\nimport { ListCardGroup, type ListGroupConfig } from \"./list-card-rails\";\nimport type { DataViewCardSelection } from \"./data-views-types\";\nimport type { DataViewsController } from \"./use-data-views-state\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\n\n/* ── Body (grid) ─────────────────────────────────────────────────────────── */\n\ninterface GridBodyProps<T extends Record<string, unknown>> {\n  rows: T[];\n  columns: GridColumn<T>[];\n  getRowId: (row: T) => string | number;\n  selectedIds: Array<string | number>;\n  onChangeSelected: (ids: Array<string | number>) => void;\n  sortBy: GridSort[];\n  onChangeSortBy: (next: GridSort[]) => void;\n  /** \"server\" defers ordering to the backend (rows render as-is); \"client\" sorts in-grid. */\n  sortMode: \"client\" | \"server\";\n  /** Vertical cell padding, from the density preference. */\n  rowPadding: number;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n}\n\n/** The dense DataGrid with multi-select, wrapped in the scrollable table region. */\nfunction GridBody<T extends Record<string, unknown>>({\n  rows,\n  columns,\n  getRowId,\n  selectedIds,\n  onChangeSelected,\n  sortBy,\n  onChangeSortBy,\n  sortMode,\n  rowPadding,\n  dataTestId,\n  emptyState,\n}: GridBodyProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      sx={{\n        width: \"100%\",\n        overflowX: \"auto\",\n        mt: 1.5,\n        // Tabwoah-style dense rows: MUI's default TableCell padding keeps rows\n        // tall regardless of rowHeight, so the DENSITY preference is applied\n        // here rather than through `rowHeight`, which it would fight.\n        \"& .MuiTableCell-root\": { py: rowPadding, fontSize: \"0.8125rem\" },\n        \"& .MuiTableCell-head\": { py: 0.5, fontSize: \"0.75rem\" },\n      }}\n    >\n      <DataGrid<T>\n        rows={rows}\n        columns={columns}\n        getRowId={(row) => getRowId(row)}\n        virtualizeRows={false}\n        density=\"compact\"\n        rowHeight={36}\n        headerHeight={36}\n        selection={{ mode: \"multi\", selectedRowIds: selectedIds, onChangeSelected }}\n        sorting={{ mode: sortMode, sortBy, onChangeSortBy }}\n        data-testid={dataTestId}\n        emptyState={emptyState}\n        emptyText={copy.grid.emptyFilteredTitle}\n      />\n    </Box>\n  );\n}\n\n/* ── Body (cards) ────────────────────────────────────────────────────────── */\n\ninterface CardBodyProps<T extends Record<string, unknown>> {\n  rows: T[];\n  renderCard: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  getRowId: (row: T) => string | number;\n  selectedIds: Set<string | number>;\n  onToggleId: (id: string | number) => void;\n  /** The width each card asks for; `auto-fill` turns it into a column count. */\n  targetCardWidth: number;\n  /** Content scale (padding + type) handed to each card, from the zoom slider. */\n  cardScale: number;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n}\n\n/**\n * The \"Grade\" layout: the filtered/sorted rows rendered as an auto-filling grid\n * of entity-supplied cards. Reuses `rows` (= `c.matched`), so search/filter/sort\n * apply; the column width comes from the zoom slider, and each card is handed its\n * selection state so it can drive its own checkbox (BaseCard) — the same\n * selection model as the table.\n */\nfunction CardBody<T extends Record<string, unknown>>({\n  rows,\n  renderCard,\n  getRowId,\n  selectedIds,\n  onToggleId,\n  targetCardWidth,\n  cardScale,\n  dataTestId,\n  emptyState,\n}: CardBodyProps<T>): React.JSX.Element {\n  if (rows.length === 0) {\n    return <Box sx={{ mt: 1.5 }}>{emptyState}</Box>;\n  }\n  return (\n    <Box\n      sx={{\n        mt: 1.5,\n        display: \"grid\",\n        // Fixed inter-card gap — deliberately NOT scaled by the zoom slider, so\n        // only the cards grow while the space between them stays constant.\n        gap: 1.5,\n        ...cardGridTracks(targetCardWidth),\n      }}\n      data-testid={dataTestId ? `${dataTestId}-cards` : \"data-views-cards\"}\n    >\n      {rows.map((row) => {\n        const id = getRowId(row);\n        return (\n          <Box key={id}>\n            {renderCard(row, {\n              selected: selectedIds.has(id),\n              onToggleSelect: () => onToggleId(id),\n              scale: cardScale,\n            })}\n          </Box>\n        );\n      })}\n    </Box>\n  );\n}\n\n/* ── Body (list) ─────────────────────────────────────────────────────────── */\n\ninterface ListBodyProps<T extends Record<string, unknown>> {\n  rows: T[];\n  renderListRow: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  getRowId: (row: T) => string | number;\n  selectedIds: Set<string | number>;\n  onToggleId: (id: string | number) => void;\n  /** Gap between rows, from the density preference. */\n  rowGap: number;\n  /** The list's shared column config. See {@link ListGroupConfig}. */\n  group?: ListGroupConfig<T>;\n  /** The density every row answers, handed to the group when there is one. */\n  density: DataViewsDensity;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n}\n\n/**\n * The \"Lista\" layout: one FULL-WIDTH row per record, rendered by the entity — a\n * marker, a title, a subtitle and a value on the right is the shape it was\n * designed for (FUT-733).\n *\n * It sits between the table and the cards rather than replacing either: the\n * table is for comparing many columns, the cards are for browsing, and the list\n * is for scanning a queue on a narrow screen. Selection is the SAME model as\n * both — each row receives its selection state, so it can drive its own\n * checkbox and the bulk menu behaves identically in every layout.\n *\n * `scale` is handed over as 1 rather than the zoom multiplier, and the zoom\n * slider is hidden in this layout: a full-width row has no card size to\n * multiply. See {@link DataViewsZoomSlider}.\n */\nfunction ListBody<T extends Record<string, unknown>>({\n  rows,\n  renderListRow,\n  getRowId,\n  selectedIds,\n  onToggleId,\n  rowGap,\n  group,\n  density,\n  dataTestId,\n  emptyState,\n}: ListBodyProps<T>): React.JSX.Element {\n  if (rows.length === 0) {\n    return <Box sx={{ mt: 1.5 }}>{emptyState}</Box>;\n  }\n  const testId = dataTestId ? `${dataTestId}-list` : \"data-views-list\";\n  const selectionFor = (id: string | number): DataViewCardSelection => ({\n    selected: selectedIds.has(id),\n    onToggleSelect: () => onToggleId(id),\n    scale: 1,\n  });\n\n  if (group) {\n    return (\n      <Box sx={{ mt: 1.5 }}>\n        <ListCardGroup\n          cells={group.cells}\n          metaColumns={group.metaColumns}\n          rails={group.rails}\n          reserveGutters={group.reserveGutters}\n          density={density}\n          gap={rowGap}\n          dataTestId={testId}\n        >\n          {rows.map((row) => {\n            const id = getRowId(row);\n            // A FRAGMENT, NOT A BOX. The row is subgrid over the group's tracks\n            // (`gridColumn: span railCount`), which only resolves while the card\n            // is a DIRECT child of the group's grid. One wrapper element and the\n            // span is measured against a grid that isn't there, so every rail\n            // collapses — the exact failure the group exists to prevent.\n            return (\n              <React.Fragment key={id}>\n                {renderListRow(row, selectionFor(id))}\n              </React.Fragment>\n            );\n          })}\n        </ListCardGroup>\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      sx={{ mt: 1.5, display: \"flex\", flexDirection: \"column\", gap: rowGap }}\n      data-testid={testId}\n    >\n      {rows.map((row) => {\n        const id = getRowId(row);\n        return <Box key={id}>{renderListRow(row, selectionFor(id))}</Box>;\n      })}\n    </Box>\n  );\n}\n\n/* ── Body selector (board vs list vs cards vs table, from context) ───────── */\n\ninterface GridMainProps<T extends Record<string, unknown>> {\n  c: DataViewsController<T>;\n  getRowId: (row: T) => string | number;\n  renderCard?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** Opt-in \"Lista\" layout — one full-width row per record. */\n  renderListRow?: (row: T, selection: DataViewCardSelection) => React.ReactNode;\n  /** The Lista's shared columns. Omitted, each row resolves its own tracks. */\n  listGroup?: ListGroupConfig<T>;\n  /** Opt-in \"Quadro\" (board) layout — needs `renderCard`, since it reuses the card. */\n  board?: BoardConfig<T>;\n  dataTestId?: string;\n  emptyState?: React.ReactNode;\n  testIdPrefix: string;\n}\n\n/**\n * The headerless layouts, each preceded by its own select-all.\n *\n * The strip is rendered HERE rather than inside each body so all three agree on\n * where it sits and what it says — and so the table, which already has one in\n * its `<thead>`, never gets a second.\n */\nfunction Headerless<T extends Record<string, unknown>>({\n  c,\n  getRowId,\n  testIdPrefix,\n  children,\n}: {\n  c: DataViewsController<T>;\n  getRowId: (row: T) => string | number;\n  testIdPrefix: string;\n  children: React.ReactNode;\n}): React.JSX.Element {\n  return (\n    <>\n      <SelectAllStrip\n        rows={c.matched}\n        getRowId={getRowId}\n        selectedIds={c.selectedIds}\n        onChange={(next) => c.setSelectedIds(next)}\n        testIdPrefix={testIdPrefix}\n      />\n      {children}\n    </>\n  );\n}\n\n/**\n * The body for one of the three HEADERLESS layouts, or `null` for the table.\n *\n * Split out from {@link GridMain} so the select-all strip is wrapped around the\n * result exactly once instead of being repeated identically in every branch —\n * which is also what keeps either function inside the line budget.\n */\nfunction headerlessBody<T extends Record<string, unknown>>(\n  { c, getRowId, renderCard, renderListRow, listGroup, board, dataTestId, emptyState }: GridMainProps<T>,\n  { layout, zoom, density }: ReturnType<typeof useDataViewsLayout>,\n): React.ReactNode | null {\n  if (layout === \"list\" && renderListRow) {\n    return (\n      <ListBody\n        rows={c.matched}\n        renderListRow={renderListRow}\n        getRowId={getRowId}\n        selectedIds={c.selectedIds}\n        onToggleId={c.toggleId}\n        rowGap={DENSITY_ROW_PADDING[density]}\n        group={listGroup}\n        density={density}\n        dataTestId={dataTestId}\n        emptyState={emptyState}\n      />\n    );\n  }\n  if (layout === \"board\" && board && renderCard) {\n    return (\n      <DataViewsBoard\n        rows={c.matched}\n        board={board}\n        getRowId={getRowId}\n        renderCard={renderCard}\n        selectedIds={c.selectedIds}\n        onToggleId={c.toggleId}\n        // DENSITY, not zoom: the board's own knob in the Exibição tab is how\n        // wide its columns are, and it is the only sizing control the board\n        // has since the zoom slider was removed.\n        cardScale={DENSITY_BOARD_SCALE[density]}\n        dataTestId={dataTestId}\n      />\n    );\n  }\n  if (layout === \"cards\" && renderCard) {\n    return (\n      <CardBody\n        rows={c.matched}\n        renderCard={renderCard}\n        getRowId={getRowId}\n        selectedIds={c.selectedIds}\n        onToggleId={c.toggleId}\n        targetCardWidth={cardTargetWidthFor(zoom, density)}\n        cardScale={cardScaleForZoom(zoom)}\n        dataTestId={dataTestId}\n        emptyState={emptyState}\n      />\n    );\n  }\n  return null;\n}\n\n/** Picks the body from the layout context: board, list, cards, or the dense grid. */\nexport function GridMain<T extends Record<string, unknown>>(props: GridMainProps<T>): React.JSX.Element {\n  const { c, getRowId, dataTestId, emptyState, testIdPrefix } = props;\n  const layoutState = useDataViewsLayout();\n  const body = headerlessBody(props, layoutState);\n  if (body) {\n    return (\n      <Headerless c={c} getRowId={getRowId} testIdPrefix={testIdPrefix}>\n        {body}\n      </Headerless>\n    );\n  }\n  return (\n    <GridBody\n      rows={c.matched}\n      columns={c.gridColumns}\n      getRowId={getRowId}\n      selectedIds={[...c.selectedIds]}\n      onChangeSelected={(ids) => c.setSelectedIds(new Set(ids))}\n      sortBy={c.state.sortBy}\n      onChangeSortBy={(next: GridSort[]) => c.patch({ sortBy: next })}\n      sortMode={c.serverMode ? \"server\" : \"client\"}\n      rowPadding={DENSITY_ROW_PADDING[layoutState.density]}\n      dataTestId={dataTestId}\n      emptyState={emptyState}\n    />\n  );\n}\n\n"],"mappings":"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","names":[]}