@12-apps/ui 6.33.0 → 6.34.0

package/dist/chunk-FAQO245K.js

@@ -1,121 +0,0 @@
-// src/components/data-display/Popover/Popover.tsx
-import Paper from "@mui/material/Paper/index.js";
-import MuiPopover from "@mui/material/Popover/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% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 10px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var StyledPaper = styled(Paper, {
-  shouldForwardProp: (prop) => !["customVariant", "glow", "pulse"].includes(prop)
-})(({ theme, customVariant, glow, pulse }) => ({
-  borderRadius: theme.spacing(1.5),
-  transition: "all 0.3s ease",
-  position: "relative",
-  overflow: "hidden",
-  // Variant styles
-  ...customVariant === "default" && {
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    boxShadow: theme.shadows[8]
-  },
-  ...customVariant === "glass" && {
-    backgroundColor: alpha(theme.palette.background.paper, 0.1),
-    backdropFilter: "blur(20px)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
-  },
-  ...customVariant === "arrow" && {
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-    boxShadow: theme.shadows[12]
-  },
-  // Glow effect
-  ...glow && !pulse && {
-    boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,
-    filter: "brightness(1.05)"
-  },
-  // Pulse animation
-  ...pulse && !glow && {
-    position: "relative",
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      borderRadius: "inherit",
-      backgroundColor: theme.palette.primary.main,
-      opacity: 0.1,
-      animation: `${pulseAnimation} 2s infinite`,
-      pointerEvents: "none",
-      zIndex: -1
-    }
-  },
-  // Both glow and pulse
-  ...glow && pulse && {
-    position: "relative",
-    boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,
-    filter: "brightness(1.05)",
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      borderRadius: "inherit",
-      backgroundColor: theme.palette.primary.main,
-      opacity: 0.1,
-      animation: `${pulseAnimation} 2s infinite`,
-      pointerEvents: "none",
-      zIndex: -1
-    }
-  }
-}));
-var Popover = React.forwardRef(
-  ({
-    variant = "default",
-    glow = false,
-    pulse = false,
-    maxWidth = 400,
-    dataTestId,
-    children,
-    ...props
-  }, ref) => /* @__PURE__ */ jsx(
-    MuiPopover,
-    {
-      ref,
-      "data-testid": dataTestId || "popover-content",
-      PaperProps: {
-        component: StyledPaper,
-        customVariant: variant,
-        glow,
-        pulse,
-        sx: { maxWidth },
-        ...props.PaperProps
-      },
-      ...props,
-      children
-    }
-  )
-);
-Popover.displayName = "Popover";
-
-export {
-  Popover
-};
-//# sourceMappingURL=chunk-FAQO245K.js.map

package/dist/chunk-FAQO245K.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Popover/Popover.tsx"],"sourcesContent":["import type { PaperProps } from '@mui/material/Paper/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport MuiPopover from '@mui/material/Popover/index.js';\nimport { alpha, keyframes, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { PopoverProps } from './Popover.types';\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 10px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nconst StyledPaper = styled(Paper, {\n  shouldForwardProp: (prop) => \n    !['customVariant', 'glow', 'pulse'].includes(prop as string),\n})<{ \n  customVariant?: string; \n  glow?: boolean; \n  pulse?: boolean; \n}>(({ theme, customVariant, glow, pulse }) => ({\n  borderRadius: theme.spacing(1.5),\n  transition: 'all 0.3s ease',\n  position: 'relative',\n  overflow: 'hidden',\n\n  // Variant styles\n  ...(customVariant === 'default' && {\n    backgroundColor: theme.palette.background.paper,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: theme.shadows[8],\n  }),\n\n  ...(customVariant === 'glass' && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: 'blur(20px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,\n  }),\n\n  ...(customVariant === 'arrow' && {\n    backgroundColor: theme.palette.background.paper,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n    boxShadow: theme.shadows[12],\n  }),\n\n  // Glow effect\n  ...(glow && !pulse && {\n    boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,\n    filter: 'brightness(1.05)',\n  }),\n\n  // Pulse animation\n  ...(pulse && !glow && {\n    position: 'relative',\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      borderRadius: 'inherit',\n      backgroundColor: theme.palette.primary.main,\n      opacity: 0.1,\n      animation: `${pulseAnimation} 2s infinite`,\n      pointerEvents: 'none',\n      zIndex: -1,\n    },\n  }),\n\n  // Both glow and pulse\n  ...(glow && pulse && {\n    position: 'relative',\n    boxShadow: `0 0 20px 5px ${alpha(theme.palette.primary.main, 0.3)} !important`,\n    filter: 'brightness(1.05)',\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      borderRadius: 'inherit',\n      backgroundColor: theme.palette.primary.main,\n      opacity: 0.1,\n      animation: `${pulseAnimation} 2s infinite`,\n      pointerEvents: 'none',\n      zIndex: -1,\n    },\n  }),\n}));\n\nexport const Popover = React.forwardRef<HTMLDivElement, PopoverProps>(\n  ({\n    variant = 'default',\n    glow = false,\n    pulse = false,\n    maxWidth = 400,\n    dataTestId,\n    children,\n    ...props\n  }, ref) => (\n      <MuiPopover\n        ref={ref}\n        data-testid={dataTestId || 'popover-content'}\n        PaperProps={{\n          component: StyledPaper as React.ComponentType<PaperProps>,\n          customVariant: variant,\n          glow,\n          pulse,\n          sx: { maxWidth },\n          ...props.PaperProps,\n        } as PaperProps & { customVariant?: string; glow?: boolean; pulse?: boolean }}\n        {...props}\n      >\n        {children}\n      </MuiPopover>\n    )\n);\n\nPopover.displayName = 'Popover';"],"mappings":"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","names":[]}

package/dist/chunk-FATRMNVN.js

@@ -1,194 +0,0 @@
-import {
-  paginationStyles
-} from "./chunk-CZBONNPA.js";
-import {
-  ItemsPerPageSelect,
-  PageInfo
-} from "./chunk-MVXFMIVZ.js";
-import {
-  makeTestId,
-  muiSizeFor,
-  resolvePaginationProps
-} from "./chunk-Z6TIAVEG.js";
-
-// src/components/navigation/Pagination/Pagination.tsx
-import FirstPage from "@mui/icons-material/FirstPage";
-import LastPage from "@mui/icons-material/LastPage";
-import NavigateBefore from "@mui/icons-material/NavigateBefore";
-import NavigateNext from "@mui/icons-material/NavigateNext";
-import Box from "@mui/material/Box/index.js";
-import MuiPagination from "@mui/material/Pagination/index.js";
-import PaginationItem from "@mui/material/PaginationItem/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledPagination = styled(MuiPagination, {
-  shouldForwardProp: (prop) => !["customVariant", "customSize"].includes(prop)
-})(({ theme, customVariant, customSize }) => ({
-  ...paginationStyles({ theme, customVariant, customSize })
-}));
-var PaginationContainer = styled(Box)(({ theme }) => ({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  flexWrap: "wrap",
-  gap: theme.spacing(1)
-}));
-var ITEM_TEST_SUFFIX = {
-  first: "first",
-  last: "last",
-  previous: "prev",
-  next: "next"
-};
-var paginationItemTestId = (base, item) => {
-  const prefix = base ?? "pagination";
-  if (item.type === "page") return `${prefix}-page-${item.page}`;
-  const suffix = ITEM_TEST_SUFFIX[item.type];
-  return suffix ? `${prefix}-${suffix}` : void 0;
-};
-var renderPaginationItem = ({
-  item,
-  variant,
-  size: _size,
-  dataTestId,
-  icons
-}) => {
-  const { firstIcon, lastIcon, previousIcon, nextIcon } = icons;
-  const itemTestId = paginationItemTestId(dataTestId, item);
-  if (variant === "dots") {
-    if (item.type === "page") {
-      return /* @__PURE__ */ jsx(
-        PaginationItem,
-        {
-          ...item,
-          "data-testid": itemTestId,
-          sx: {
-            "&.MuiPaginationItem-page": {
-              fontSize: 0,
-              overflow: "hidden",
-              textIndent: "-9999px"
-            }
-          }
-        }
-      );
-    }
-    return null;
-  }
-  const iconMap = {
-    first: firstIcon,
-    last: lastIcon,
-    previous: previousIcon,
-    next: nextIcon
-  };
-  return /* @__PURE__ */ jsx(
-    PaginationItem,
-    {
-      ...item,
-      "data-testid": itemTestId,
-      components: {
-        first: () => iconMap.first || /* @__PURE__ */ jsx(FirstPage, {}),
-        last: () => iconMap.last || /* @__PURE__ */ jsx(LastPage, {}),
-        previous: () => iconMap.previous || /* @__PURE__ */ jsx(NavigateBefore, {}),
-        next: () => iconMap.next || /* @__PURE__ */ jsx(NavigateNext, {})
-      }
-    }
-  );
-};
-var PaginationControl = ({ innerRef, renderItem, rest, ...p }) => {
-  const isDots = p.variant === "dots";
-  return /* @__PURE__ */ jsx(
-    StyledPagination,
-    {
-      ref: innerRef,
-      page: p.page,
-      count: p.count,
-      onChange: p.onChange,
-      customVariant: p.variant,
-      customSize: p.size,
-      variant: "outlined",
-      size: muiSizeFor(p.size),
-      boundaryCount: isDots ? 0 : p.boundaryCount,
-      siblingCount: isDots ? 0 : p.siblingCount,
-      hideNextButton: p.hideNextButton || isDots,
-      hidePrevButton: p.hidePrevButton || isDots,
-      showFirstButton: p.showFirstButton && !isDots,
-      showLastButton: p.showLastButton && !isDots,
-      disabled: p.disabled,
-      color: p.color === void 0 ? void 0 : p.color === "neutral" ? "standard" : p.color,
-      renderItem,
-      ...rest
-    }
-  );
-};
-var Pagination = React.forwardRef(
-  (componentProps, ref) => {
-    const resolved = resolvePaginationProps(componentProps);
-    const {
-      pageSizeLabel,
-      variant,
-      size,
-      page,
-      count,
-      onChange: _onChange,
-      boundaryCount: _boundaryCount,
-      siblingCount: _siblingCount,
-      hideNextButton: _hideNextButton,
-      hidePrevButton: _hidePrevButton,
-      showFirstButton: _showFirstButton,
-      showLastButton: _showLastButton,
-      firstIcon,
-      lastIcon,
-      previousIcon,
-      nextIcon,
-      disabled,
-      color: _color,
-      showPageInfo,
-      pageInfoFormat,
-      showItemsPerPage,
-      itemsPerPageOptions,
-      itemsPerPage,
-      onItemsPerPageChange,
-      className,
-      dataTestId,
-      ...props
-    } = resolved;
-    const testId = makeTestId(dataTestId);
-    const renderItem = (item) => renderPaginationItem({
-      item,
-      variant,
-      size,
-      dataTestId,
-      icons: { firstIcon, lastIcon, previousIcon, nextIcon }
-    });
-    return /* @__PURE__ */ jsxs(PaginationContainer, { className, "data-testid": dataTestId || "pagination", children: [
-      showItemsPerPage && onItemsPerPageChange && /* @__PURE__ */ jsx(
-        ItemsPerPageSelect,
-        {
-          pageSizeLabel,
-          value: itemsPerPage,
-          options: itemsPerPageOptions,
-          size,
-          disabled,
-          testId: testId("items-per-page"),
-          onChange: onItemsPerPageChange
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        PaginationControl,
-        {
-          ...resolved,
-          innerRef: ref,
-          renderItem,
-          rest: props
-        }
-      ),
-      showPageInfo && /* @__PURE__ */ jsx(PageInfo, { size, testId: testId("info"), children: pageInfoFormat(page, count) })
-    ] });
-  }
-);
-Pagination.displayName = "Pagination";
-
-export {
-  Pagination
-};
-//# sourceMappingURL=chunk-FATRMNVN.js.map

package/dist/chunk-FGKKLHKY.js

@@ -1,146 +0,0 @@
-import {
-  fadeInScaleAnimation
-} from "./chunk-J6CSPDC7.js";
-
-// src/components/data-display/DataViews/card-surface.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var pulseRing = keyframes`
-  0% { transform: scale(1); opacity: 0.9; }
-  70% { transform: scale(1.04); opacity: 0; }
-  100% { transform: scale(1.04); opacity: 0; }
-`;
-var CARD_RADIUS = "3px";
-function slotTestIds(testId) {
-  return (slot) => testId ? `${testId}-${slot}` : void 0;
-}
-function isSelectable(props) {
-  return props.selectable ?? props.onToggleSelect != null;
-}
-function isActionable(state) {
-  return state !== "disabled" && state !== "cancelled";
-}
-function variantSx(variant, theme) {
-  if (variant === "ghost") {
-    return {
-      border: 0,
-      backgroundColor: "action.hover",
-      "&:hover": { backgroundColor: "action.selected" }
-    };
-  }
-  if (variant === "text") {
-    return { border: 0, backgroundColor: "transparent", boxShadow: "none" };
-  }
-  if (variant === "glass") {
-    return {
-      backgroundColor: alpha(theme.palette.background.paper, 0.55),
-      backdropFilter: "blur(8px)",
-      // `divider` as-is. NOT `alpha(divider, …)`: MUI's `alpha` REPLACES the
-      // channel rather than scaling it, and `divider` is already a 12% black —
-      // so asking for 80% of it produced an 80% black slab of a border.
-      borderColor: theme.palette.divider,
-      boxShadow: `0 1px 3px ${alpha(theme.palette.common.black, 0.1)}`
-    };
-  }
-  return {};
-}
-var MOTION_OK = "@media (prefers-reduced-motion: no-preference)";
-function accentBar(main) {
-  return {
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      insetInlineStart: 0,
-      insetBlock: 0,
-      width: 3,
-      borderStartStartRadius: "inherit",
-      borderEndStartRadius: "inherit",
-      backgroundColor: main,
-      pointerEvents: "none"
-    }
-  };
-}
-function liftSx(main) {
-  return {
-    boxShadow: [
-      `0 0 0 1px ${alpha(main, 0.45)}`,
-      `0 1px 2px ${alpha(main, 0.12)}`,
-      `0 8px 20px -6px ${alpha(main, 0.3)}`
-    ].join(", ")
-  };
-}
-function pulseSx(main) {
-  return {
-    [MOTION_OK]: {
-      "&::after": {
-        content: '""',
-        position: "absolute",
-        inset: 0,
-        borderRadius: "inherit",
-        border: `2px solid ${main}`,
-        animation: `${pulseRing} 1.6s ease-out 6`,
-        pointerEvents: "none"
-      }
-    }
-  };
-}
-function emphasisSx(emphasis, main, shape) {
-  if (emphasis === "attention") {
-    return {
-      ...accentBar(main),
-      ...shape === "tile" ? liftSx(main) : {},
-      ...pulseSx(main)
-    };
-  }
-  if (emphasis === "new") {
-    return {
-      ...accentBar(main),
-      [MOTION_OK]: { animation: `${fadeInScaleAnimation} 240ms ease-out` }
-    };
-  }
-  return {};
-}
-function stateSx(state) {
-  if (state === "cancelled") {
-    return {
-      opacity: 0.65,
-      // The META CLUSTER is struck too. It was left out, so a voided row kept a
-      // crisp `05/08/2026, 13:45` and `PIX` between a struck title and a struck
-      // total — the middle of the row reading as live data on a record the two
-      // ends call void. Both lines of each pair go, as both lines of the caption
-      // already do: on a cancelled record the label is as void as the value.
-      '& [data-slot="value"], & [data-slot="caption"], & [data-slot="meta"]': {
-        textDecoration: "line-through"
-      }
-    };
-  }
-  if (state === "disabled") {
-    return { opacity: 0.45, filter: "grayscale(1)", cursor: "not-allowed" };
-  }
-  return { opacity: 1 };
-}
-function cardSurfaceStyles(props, theme) {
-  const { variant = "outline", color = "primary", selected = false, selectable } = props;
-  const { state = "default", emphasis = "none" } = props;
-  const main = theme.palette[color].main;
-  const showSelected = selectable && selected;
-  return {
-    transition: "border-color 120ms, box-shadow 120ms, background-color 120ms",
-    ...stateSx(state),
-    ...variantSx(variant, theme),
-    ...showSelected ? {
-      borderColor: `${color}.main`,
-      boxShadow: `inset 0 0 0 1px ${main}`,
-      backgroundColor: "action.selected"
-    } : {},
-    ...emphasisSx(emphasis, main, props.shape)
-  };
-}
-
-export {
-  CARD_RADIUS,
-  slotTestIds,
-  isSelectable,
-  isActionable,
-  cardSurfaceStyles
-};
-//# sourceMappingURL=chunk-FGKKLHKY.js.map

package/dist/chunk-FGKKLHKY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/card-surface.ts"],"sourcesContent":["import { alpha, keyframes, type CSSObject, type Theme } from \"@mui/material/styles/index.js\";\n\nimport { fadeInScaleAnimation } from \"../Badge/Badge.animations\";\n\n/**\n * A plain style object, not MUI's `SxProps`.\n *\n * `SxProps` is a union including arrays and functions, so a value typed as one\n * cannot be spread — and these fragments exist precisely to be merged. Note also\n * that `Card` merges by SPREADING (`sx={{ ...defaults, ...sx }}`), so handing it\n * a function yields nothing at all: resolve the theme with `useTheme` first.\n */\ntype CardSx = CSSObject | Record<string, unknown>;\n\n/** The ring, as scale + opacity so it never leaves the compositor. */\nconst pulseRing = keyframes`\n  0% { transform: scale(1); opacity: 0.9; }\n  70% { transform: scale(1.04); opacity: 0; }\n  100% { transform: scale(1.04); opacity: 0; }\n`;\n\n/**\n * THE CONTRACT BOTH CARDS IMPLEMENT.\n *\n * `BaseCard` (a tile) and `BaseListCard` (a row) are one object seen from two\n * angles, so the surface — variant, colour, selectability, draggability,\n * emphasis and state — is declared once and spread into both.\n */\n\n/**\n * How much chrome the surface claims. Button's vocabulary, spelled Button's\n * way: a card and a button are both surfaces the operator presses, and having\n * one say `outline` while the other says `outlined` taxes everyone who writes\n * both. Chip's `filled | outlined` was the wrong model — a chip is a token in a\n * sentence and has only those two things to say.\n */\nexport type CardSurfaceVariant = \"outline\" | \"ghost\" | \"text\" | \"glass\";\n\n/** The theme colour a card's selection and emphasis are drawn in. */\nexport type CardSurfaceColor =\n  | \"primary\"\n  | \"secondary\"\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"info\";\n\n/**\n * Why this card is asking to be noticed.\n *\n * ONE union, not six booleans. `glow`/`pulse`/`animate`/`bounce`/`shimmer`\n * combined into 32 states of which about three meant anything —\n * `pulse + shimmer + bounce` is not a thing anyone wants, and every one of\n * those combinations was a state somebody could reach by accident.\n */\nexport type CardEmphasis =\n  /** Nothing. The overwhelming default. */\n  | \"none\"\n  /** Look here now: an accent bar, and a ring that beats six times and settles. */\n  | \"attention\"\n  /** This just arrived: an accent bar and one fade-in. */\n  | \"new\";\n\n/** A row and a tile carry emphasis differently — see `emphasisSx`. */\ntype CardShape = \"row\" | \"tile\";\n\n/**\n * What this record IS, as opposed to how it looks.\n *\n * `dimmed` only greyed pixels, which left a cancelled row's buttons live and\n * clickable. This carries the meaning, so the card can also stop offering\n * actions on something that cannot be acted on.\n */\nexport type CardState = \"default\" | \"cancelled\" | \"disabled\";\n\nexport interface CardSurfaceProps {\n  /** How much chrome the surface claims. Defaults to `outline`. */\n  variant?: CardSurfaceVariant;\n  /** Theme colour for selection and emphasis. Defaults to `primary`. */\n  color?: CardSurfaceColor;\n  /**\n   * Can this card be selected — and does it show it?\n   *\n   * The capability, separate from the handler. `selectable` gets the checkbox\n   * AND the selected treatment; `selectable={false}` has neither, however\n   * `selected` is set, so a stale flag arriving with the data cannot make a\n   * read-only row render as picked. Defaults to whether `onToggleSelect` exists.\n   */\n  selectable?: boolean;\n  /** Whether this card is currently in the selection. */\n  selected?: boolean;\n  /**\n   * Opt OUT of dragging even inside a drag container.\n   *\n   * Draggability is the container's decision (see `data-views-drag`); this is\n   * the card's veto — a pinned row, a summary line, a record that may not move.\n   */\n  draggable?: boolean;\n  /**\n   * Where this card leads.\n   *\n   * PREFER THIS TO `onClick`. A clickable `<div>` cannot be cmd-clicked,\n   * middle-clicked or \"copy link address\"'d, and wrapping interactive children\n   * in a click handler is the a11y violation it looks like. With `href` the\n   * title is a real `<a>` stretched over the card by a pseudo-element: one\n   * whole-row target, correct tab order, every browser affordance intact, and\n   * the buttons inside stay ordinary buttons.\n   */\n  href?: string;\n  /** Anchor target, when `href` is set. */\n  target?: string;\n  /** Card click, for a card that does not navigate. See `href` first. */\n  onClick?: () => void;\n  /** What this record is. `cancelled`/`disabled` also suppress the actions. */\n  state?: CardState;\n  /** Why this card is asking to be noticed. Defaults to `none`. */\n  emphasis?: CardEmphasis;\n  className?: string;\n  /**\n   * One id; the parts derive from it (`${testId}-checkbox`, `-drag`, `-menu`,\n   * `-value`). A prop per slot would have been `checkboxTestId`,\n   * `menuTestId`, `valueTestId`… one for every part anybody ever tested.\n   */\n  testId?: string;\n  \"aria-label\"?: string;\n}\n\n/**\n * ONE RADIUS FOR BOTH SHAPES, off the token scale on purpose.\n *\n * `Card`'s own steps are 4px and 8px and its `lg` is 16px, all chosen for a\n * surface nearly as tall as it is wide. A 56px row is not that shape — the\n * corner runs most of the way down both ends and curves away from the square\n * checkbox and square thumbnail inside it — and a tile that rounds harder than\n * the row it sits beside in the same view reads as a different component.\n *\n * 3px takes the hard point off the corner without being seen as a curve.\n * `divider` rows override it back to 0; a bottom rule has no corners to round.\n */\nexport const CARD_RADIUS = \"3px\";\n\n/** Every slot's test id, derived from the card's one. */\nexport function slotTestIds(testId: string | undefined): (slot: string) => string | undefined {\n  return (slot) => (testId ? `${testId}-${slot}` : undefined);\n}\n\n/** Is this card selectable? Explicit wins; otherwise a handler implies it. */\nexport function isSelectable(\n  props: Pick<CardSurfaceProps, \"selectable\"> & { onToggleSelect?: () => void },\n): boolean {\n  return props.selectable ?? props.onToggleSelect != null;\n}\n\n/** Can this record be acted on at all? */\nexport function isActionable(state: CardState | undefined): boolean {\n  return state !== \"disabled\" && state !== \"cancelled\";\n}\n\n/**\n * Variant styling. Everything but `outline` drops the border.\n *\n * `ghost` keeps a faint SURFACE where `text` has none — without that the two\n * were pixel-identical at rest and the union carried a distinction it did not\n * draw. Ghost is \"a surface, quietly\"; text is \"no surface at all\", which is\n * what a host wants when it is drawing the container itself.\n */\nfunction variantSx(variant: CardSurfaceVariant, theme: Theme): CardSx {\n  if (variant === \"ghost\") {\n    return {\n      border: 0,\n      backgroundColor: \"action.hover\",\n      \"&:hover\": { backgroundColor: \"action.selected\" },\n    };\n  }\n  if (variant === \"text\") {\n    return { border: 0, backgroundColor: \"transparent\", boxShadow: \"none\" };\n  }\n  if (variant === \"glass\") {\n    // THEME-AWARE, and it keeps its edges.\n    //\n    // This was a hardcoded `rgba(255,255,255,·)` fill with a near-white border,\n    // which had two problems. On a dark palette a 55%-white pane is not frosted\n    // glass, it is a pale rectangle. And on a light one BOTH the fill and the\n    // border land on white and vanish, so `glass` rendered as `text` — the same\n    // nothing, reached by a different name.\n    //\n    // The blur is what makes it glass, and a blur is only visible over\n    // something. So the pane keeps a real hairline and a shallow shadow: over a\n    // plain surface it still reads as a raised pane rather than as absence, and\n    // over an image or a gradient the blur does the rest.\n    return {\n      backgroundColor: alpha(theme.palette.background.paper, 0.55),\n      backdropFilter: \"blur(8px)\",\n      // `divider` as-is. NOT `alpha(divider, …)`: MUI's `alpha` REPLACES the\n      // channel rather than scaling it, and `divider` is already a 12% black —\n      // so asking for 80% of it produced an 80% black slab of a border.\n      borderColor: theme.palette.divider,\n      boxShadow: `0 1px 3px ${alpha(theme.palette.common.black, 0.1)}`,\n    };\n  }\n  return {};\n}\n\n/**\n * MOTION IS OPT-IN, ALWAYS.\n *\n * Everything animated here is wrapped in this. Fifty rows breathing in unison\n * is a vestibular trigger, and honouring the OS setting is not a polish item —\n * it is the difference between a list somebody can look at and one they cannot.\n */\nconst MOTION_OK = \"@media (prefers-reduced-motion: no-preference)\";\n\n/**\n * THE ROW'S ATTENTION SIGNAL IS A BAR, NOT A HALO.\n *\n * A glow is a weak signal in a list: full-width rows stacked tight means the\n * halo bleeds 15px into the neighbours above and below and reads as a rendering\n * artifact, and stacked with a `selected` ring and the browser's focus ring it\n * becomes three concentric halos on one row. Five rows needing attention at\n * once turns the page into a smear.\n *\n * A 3px accent on the leading edge is stronger, costs no motion at all, works\n * under reduced-motion, cannot bleed into a neighbour, and stacks cleanly\n * however many rows raise their hand. It is where operational tables land.\n */\nfunction accentBar(main: string): CardSx {\n  return {\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      insetInlineStart: 0,\n      insetBlock: 0,\n      width: 3,\n      borderStartStartRadius: \"inherit\",\n      borderEndStartRadius: \"inherit\",\n      backgroundColor: main,\n      pointerEvents: \"none\",\n    },\n  };\n}\n\n/**\n * The tile's lift — a card that has been RAISED, not one that is lit from within.\n *\n * This was Button's glow: a 20px bloom at 0.6 over a 40px bloom at 0.3, plus\n * `brightness(1.05)`. On a button, which is small and pressed and gone, that\n * reads as energy. On a tile it read as a neon sign — 40px of saturated colour\n * bleeding into the gaps of a grid whose whole job is to let the eye compare\n * cards, and the brightness filter washing the image and the caption with it.\n *\n * Three shadows doing three jobs instead: a hairline ring that tints the card's\n * own edge in the accent colour, a tight contact shadow, and one soft shadow\n * offset DOWNWARD. Offset is what separates elevation from emission — a glow is\n * symmetrical because its source is the object; a shadow falls because the\n * light is somewhere else. It stays legible on a dark canvas, where the old\n * bloom was the brightest thing on the screen.\n */\nfunction liftSx(main: string): CardSx {\n  return {\n    boxShadow: [\n      `0 0 0 1px ${alpha(main, 0.45)}`,\n      `0 1px 2px ${alpha(main, 0.12)}`,\n      `0 8px 20px -6px ${alpha(main, 0.3)}`,\n    ].join(\", \"),\n  };\n}\n\n/**\n * A breath that STOPS.\n *\n * Six iterations, not `infinite`. A restaurant admin has this open for a whole\n * shift, and something pulsing in the periphery forever is fatigue rather than\n * urgency — worse, once two or three rows are doing it the signal means\n * nothing. It settles, and the accent bar carries the state from then on.\n *\n * Animating `transform`/`opacity` on a pseudo-element, never `box-shadow`: a\n * box-shadow keyframe repaints every frame, and fifty of them drop frames on\n * exactly the tablet a restaurant floor uses. This one is compositor-only.\n */\nfunction pulseSx(main: string): CardSx {\n  return {\n    [MOTION_OK]: {\n      \"&::after\": {\n        content: '\"\"',\n        position: \"absolute\",\n        inset: 0,\n        borderRadius: \"inherit\",\n        border: `2px solid ${main}`,\n        animation: `${pulseRing} 1.6s ease-out 6`,\n        pointerEvents: \"none\",\n      },\n    },\n  };\n}\n\n/** The emphasis treatments, in the terms the shape can actually carry. */\nfunction emphasisSx(emphasis: CardEmphasis, main: string, shape: CardShape): CardSx {\n  if (emphasis === \"attention\") {\n    // The bar on both; the lift only where there is room for it to spread.\n    return {\n      ...accentBar(main),\n      ...(shape === \"tile\" ? liftSx(main) : {}),\n      ...pulseSx(main),\n    };\n  }\n  if (emphasis === \"new\") {\n    return {\n      ...accentBar(main),\n      [MOTION_OK]: { animation: `${fadeInScaleAnimation} 240ms ease-out` },\n    };\n  }\n  return {};\n}\n\n/**\n * The shared half of a card's styling. Each component adds its own geometry —\n * a tile's aspect ratio, a row's rails.\n */\n/**\n * WHAT THE TWO NON-DEFAULT STATES LOOK LIKE — and why they cannot look alike.\n *\n * Both were `opacity: 0.6` and nothing else, so a record the business CANCELLED\n * and a row this user merely cannot touch were pixel-identical. The type has\n * always drawn the distinction (`CardState`); only the styling had not, which\n * made `cancelled` a comment rather than a state.\n *\n * `cancelled` is a VOIDED record: still there, still worth reading, no longer\n * counting. The figures get struck through, because a dimmed `R$ 1.250,00`\n * still reads as money owed and a struck one cannot.\n *\n * `disabled` is INERT: nothing to read into, nothing to do with. It goes\n * greyscale — which also drains the status chip's colour, the one thing on the\n * row still shouting for attention — and says so on hover.\n */\nfunction stateSx(state: CardState): CardSx {\n  if (state === \"cancelled\") {\n    return {\n      opacity: 0.65,\n      // The META CLUSTER is struck too. It was left out, so a voided row kept a\n      // crisp `05/08/2026, 13:45` and `PIX` between a struck title and a struck\n      // total — the middle of the row reading as live data on a record the two\n      // ends call void. Both lines of each pair go, as both lines of the caption\n      // already do: on a cancelled record the label is as void as the value.\n      '& [data-slot=\"value\"], & [data-slot=\"caption\"], & [data-slot=\"meta\"]': {\n        textDecoration: \"line-through\",\n      },\n    };\n  }\n  if (state === \"disabled\") {\n    return { opacity: 0.45, filter: \"grayscale(1)\", cursor: \"not-allowed\" };\n  }\n  return { opacity: 1 };\n}\n\nexport function cardSurfaceStyles(\n  props: CardSurfaceProps & { selectable: boolean; shape: CardShape },\n  theme: Theme,\n): CardSx {\n  const { variant = \"outline\", color = \"primary\", selected = false, selectable } = props;\n  const { state = \"default\", emphasis = \"none\" } = props;\n  const main = theme.palette[color].main;\n  // Selection styling is gated on the CAPABILITY: a card that cannot be\n  // selected must not render as selected because a stale flag came with its data.\n  const showSelected = selectable && selected;\n  return {\n    transition: \"border-color 120ms, box-shadow 120ms, background-color 120ms\",\n    ...stateSx(state),\n    ...variantSx(variant, theme),\n    ...(showSelected\n      ? {\n          borderColor: `${color}.main`,\n          boxShadow: `inset 0 0 0 1px ${main}`,\n          backgroundColor: \"action.selected\",\n        }\n      : {}),\n    ...emphasisSx(emphasis, main, props.shape),\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-FPWB5ILF.js

@@ -1,79 +0,0 @@
-import {
-  avatarFor,
-  chipStyles,
-  iconWithTestId,
-  makeKeyDownHandler
-} from "./chunk-E46PG577.js";
-import {
-  chipMuiSize
-} from "./chunk-KU6VHNRV.js";
-import {
-  chipRole,
-  isClickable,
-  makeTestId
-} from "./chunk-BF4FYOAR.js";
-
-// src/components/data-display/Chip/Chip.tsx
-import CancelIcon from "@mui/icons-material/Cancel";
-import MuiChip from "@mui/material/Chip/index.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var muiColorFor = (color) => {
-  if (color === "danger") return "error";
-  return color === "neutral" ? "default" : color;
-};
-var Chip = forwardRef(({
-  label,
-  variant = "filled",
-  size = "md",
-  color = "primary",
-  avatarSrc,
-  avatar,
-  icon,
-  selected,
-  selectable,
-  deletable,
-  disabled,
-  onClick,
-  onDelete,
-  className,
-  dataTestId,
-  // React Native's spelling of the same id; it names the component on both
-  // sides and must not reach the DOM as an attribute.
-  testID,
-  ...props
-}, ref) => {
-  const chipId = testID ?? dataTestId;
-  const testId = makeTestId(chipId);
-  const clickable = isClickable(disabled, onClick, selectable);
-  return /* @__PURE__ */ jsx(
-    MuiChip,
-    {
-      ref,
-      label: /* @__PURE__ */ jsx("span", { "data-testid": testId("label"), children: label }),
-      variant,
-      size: chipMuiSize(size),
-      color: muiColorFor(color),
-      avatar: avatarFor(avatar, avatarSrc),
-      icon: iconWithTestId(icon, testId("icon")),
-      onDelete: deletable ? onDelete : void 0,
-      deleteIcon: deletable ? /* @__PURE__ */ jsx(CancelIcon, { "data-testid": testId("delete") }) : void 0,
-      disabled,
-      clickable,
-      onClick: clickable ? onClick : void 0,
-      onKeyDown: makeKeyDownHandler({ disabled, deletable, selectable, onClick, onDelete }),
-      className,
-      role: chipRole(selectable, onClick),
-      "aria-selected": selectable ? selected : void 0,
-      "data-testid": chipId || "chip",
-      sx: chipStyles({ variant, selected, clickable, disabled }),
-      ...props
-    }
-  );
-});
-Chip.displayName = "Chip";
-
-export {
-  Chip
-};
-//# sourceMappingURL=chunk-FPWB5ILF.js.map

package/dist/chunk-FRW4SYZD.js

@@ -1,79 +0,0 @@
-import {
-  MARKER_PIXELS_PER_DEGREE
-} from "./chunk-H2J2MTRE.js";
-import {
-  BOUNCE_KEYFRAMES
-} from "./chunk-DRADVLHZ.js";
-
-// src/components/data-display/MapPreview/MapMarkers.tsx
-import LocationIcon from "@mui/icons-material/LocationOn";
-import Box from "@mui/material/Box/index.js";
-import Tooltip from "@mui/material/Tooltip/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, styled, useTheme } from "@mui/material/styles/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var CoordinatesDisplay = styled(Box)(({ theme }) => ({
-  position: "absolute",
-  bottom: theme.spacing(2),
-  left: theme.spacing(2),
-  padding: theme.spacing(1, 1.5),
-  background: alpha(theme.palette.background.paper, 0.95),
-  backdropFilter: "blur(10px)",
-  WebkitBackdropFilter: "blur(10px)",
-  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-  borderRadius: theme.shape.borderRadius,
-  zIndex: 1
-}));
-var MapMarkers = ({ markers, centre, animated }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(Fragment, { children: markers.map((markerItem, index) => /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-testid": `map-marker-${index}`,
-      sx: {
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        transform: `translate(
-              ${(markerItem.position.lng - centre.lng) * MARKER_PIXELS_PER_DEGREE}px,
-              ${-(markerItem.position.lat - centre.lat) * MARKER_PIXELS_PER_DEGREE}px
-            )`,
-        zIndex: 3,
-        cursor: markerItem.onClick ? "pointer" : "default"
-      },
-      onClick: markerItem.onClick,
-      title: markerItem.title,
-      children: /* @__PURE__ */ jsx(Tooltip, { title: markerItem.description || markerItem.title || "", children: /* @__PURE__ */ jsx(
-        LocationIcon,
-        {
-          sx: {
-            fontSize: 32,
-            color: theme.palette.error.main,
-            filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.3))",
-            animation: animated ? "bounce 2s infinite" : "none",
-            "@keyframes bounce": BOUNCE_KEYFRAMES
-          }
-        }
-      ) })
-    },
-    `${markerItem.position.lat}-${markerItem.position.lng}-${index}`
-  )) });
-};
-var MapCoordinates = ({ position, zoom }) => /* @__PURE__ */ jsxs(CoordinatesDisplay, { "data-testid": "coordinates-display", children: [
-  /* @__PURE__ */ jsxs(Typography, { variant: "caption", sx: { fontFamily: "monospace" }, children: [
-    "Lat: ",
-    position.lat.toFixed(6),
-    ", Lng: ",
-    position.lng.toFixed(6)
-  ] }),
-  zoom > 0 && /* @__PURE__ */ jsxs(Typography, { variant: "caption", sx: { fontFamily: "monospace", display: "block" }, children: [
-    "Zoom: ",
-    zoom
-  ] })
-] });
-
-export {
-  MapMarkers,
-  MapCoordinates
-};
-//# sourceMappingURL=chunk-FRW4SYZD.js.map