@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-X3MT3H4W.js

@@ -1,220 +0,0 @@
-import {
-  badgeVariantStyles
-} from "./chunk-AJIGT23X.js";
-import {
-  bounceAnimation,
-  fadeInScaleAnimation,
-  glowPulseAnimation,
-  pulseAnimation,
-  shimmerAnimation
-} from "./chunk-CSFE7AUR.js";
-
-// src/components/data-display/Badge/Badge.styles.ts
-import { alpha } from "@mui/material";
-var getColorFromTheme = (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`, the house word the prop actually takes. Keyed on MUI's `error`
-    // it matched nothing and fell through to the default.
-    danger: theme.palette.error,
-    neutral: {
-      main: theme.palette.grey[600],
-      light: theme.palette.grey[400],
-      dark: theme.palette.grey[800],
-      contrastText: theme.palette.getContrastText(theme.palette.grey[600])
-    }
-  };
-  return colorMap[color] || theme.palette.primary;
-};
-var getSizeStyles = (size) => {
-  const sizeMap = {
-    xs: {
-      minWidth: 14,
-      height: 14,
-      fontSize: "0.5rem",
-      padding: "0 3px",
-      dotSize: 6,
-      iconSize: "0.625rem"
-    },
-    sm: {
-      minWidth: 16,
-      height: 16,
-      fontSize: "0.625rem",
-      padding: "0 4px",
-      dotSize: 8,
-      iconSize: "0.75rem"
-    },
-    md: {
-      minWidth: 20,
-      height: 20,
-      fontSize: "0.75rem",
-      padding: "0 6px",
-      dotSize: 10,
-      iconSize: "0.875rem"
-    },
-    lg: {
-      minWidth: 24,
-      height: 24,
-      fontSize: "0.875rem",
-      padding: "0 8px",
-      dotSize: 12,
-      iconSize: "1rem"
-    },
-    xl: {
-      minWidth: 28,
-      height: 28,
-      fontSize: "1rem",
-      padding: "0 10px",
-      dotSize: 14,
-      iconSize: "1.125rem"
-    }
-  };
-  return sizeMap[size] || sizeMap.md;
-};
-var getAnchorOrigin = (position) => {
-  const positionMap = {
-    "top-right": { vertical: "top", horizontal: "right" },
-    "top-left": { vertical: "top", horizontal: "left" },
-    "bottom-right": { vertical: "bottom", horizontal: "right" },
-    "bottom-left": { vertical: "bottom", horizontal: "left" }
-  };
-  return positionMap[position] || positionMap["top-right"];
-};
-var rgbValuesOf = (color) => {
-  if (color.startsWith("#")) {
-    const hex = color.slice(1);
-    const [r, g, b] = [0, 2, 4].map((offset) => parseInt(hex.slice(offset, offset + 2), 16));
-    return `${r}, ${g}, ${b}`;
-  }
-  const match = color.match(/\d+/g);
-  if (match) return `${match[0]}, ${match[1]}, ${match[2]}`;
-  return "255, 255, 255";
-};
-var badgeLightingStyles = ({
-  glow,
-  pulse,
-  colorPalette
-}) => ({
-  // Glow effect
-  ...glow && !pulse && {
-    boxShadow: `0 0 15px 3px ${alpha(colorPalette.main, 0.5)}`,
-    filter: "brightness(1.1)",
-    "&:hover": {
-      boxShadow: `0 0 20px 4px ${alpha(colorPalette.main, 0.6)}`
-    }
-  },
-  // Pulse animation
-  ...pulse && !glow && {
-    animation: `${pulseAnimation} 2s ease-in-out infinite`
-  },
-  // Both glow and pulse
-  ...glow && pulse && {
-    animation: `${glowPulseAnimation} 2s ease-in-out infinite, ${pulseAnimation} 2s ease-in-out infinite`,
-    filter: "brightness(1.1)"
-  }
-});
-var badgeAnimationStyles = ({
-  animate,
-  bounce,
-  shimmer,
-  glow: _glow,
-  pulse: _pulse,
-  customVariant,
-  colorPalette,
-  theme
-}) => ({
-  ...animate && !bounce && {
-    animation: `${fadeInScaleAnimation} 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)`
-  },
-  // Bounce animation
-  ...bounce && {
-    animation: `${bounceAnimation} 1s ease-in-out`
-  },
-  // Shimmer effect
-  ...shimmer && {
-    background: customVariant === "gradient" ? `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)` : colorPalette.main,
-    backgroundSize: shimmer ? "1000px 100%" : "auto",
-    position: "relative",
-    overflow: "hidden",
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      height: "100%",
-      background: `linear-gradient(
-            90deg,
-            transparent,
-            ${alpha(theme.palette.common.white, 0.4)},
-            transparent
-          )`,
-      animation: `${shimmerAnimation} 3s infinite`
-    }
-  }
-});
-var badgeStyles = ({
-  theme,
-  customVariant,
-  customSize = "md",
-  customColor = "primary",
-  glow,
-  pulse,
-  animate,
-  shimmer,
-  bounce,
-  hasIcon
-}) => {
-  const colorPalette = getColorFromTheme(theme, customColor);
-  const sizeStyles = getSizeStyles(customSize);
-  return {
-    "--glow-color": rgbValuesOf(colorPalette.main),
-    "& .MuiBadge-badge": {
-      transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-      fontWeight: 600,
-      border: `2px solid ${theme.palette.background.paper}`,
-      letterSpacing: "0.025em",
-      textTransform: customVariant === "gradient" || customVariant === "glass" ? "uppercase" : "none",
-      willChange: "transform, opacity",
-      backfaceVisibility: "hidden",
-      // Outline variant
-      // Destructive variant
-      // Warning variant
-      // Adjust padding when icon is present
-      ...badgeVariantStyles(theme, colorPalette, sizeStyles, customVariant),
-      ...hasIcon && {
-        paddingLeft: sizeStyles.padding.split(" ")[1],
-        display: "inline-flex",
-        alignItems: "center",
-        gap: "2px"
-      },
-      // Animation on mount
-      ...badgeAnimationStyles({
-        animate,
-        bounce,
-        shimmer,
-        glow,
-        pulse,
-        customVariant,
-        colorPalette,
-        theme
-      }),
-      ...badgeLightingStyles({ glow, pulse, colorPalette }),
-      "&:not(.MuiBadge-dot):hover": {
-        transform: "scale(1.1)",
-        zIndex: 1
-      }
-    }
-  };
-};
-
-export {
-  getSizeStyles,
-  getAnchorOrigin,
-  badgeStyles
-};
-//# sourceMappingURL=chunk-X3MT3H4W.js.map

package/dist/chunk-X3MT3H4W.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Badge/Badge.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport {\n  bounceAnimation,\n  fadeInScaleAnimation,\n  glowPulseAnimation,\n  pulseAnimation,\n  shimmerAnimation } from './Badge.animations';\nimport { badgeVariantStyles } from './Badge.variants';\nimport type { BadgeSize, BadgeVariant } from './Badge.types';\n\nexport type BadgePalette = {\n  main: string;\n  light?: string;\n  dark?: string;\n  contrastText?: string;\n};\nexport type BadgeSizeStyles = ReturnType<typeof getSizeStyles>;\n\nconst getColorFromTheme = (theme: Theme, color: string) => {\n  const colorMap: Record<string, ReturnType<typeof theme.palette.augmentColor>> = {\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`, the house word the prop actually takes. Keyed on MUI's `error`\n    // it matched nothing and fell through to the default.\n    danger: theme.palette.error,\n    neutral: {\n      main: theme.palette.grey[600],\n      light: theme.palette.grey[400],\n      dark: theme.palette.grey[800],\n      contrastText: theme.palette.getContrastText(theme.palette.grey[600]) } };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\nexport const getSizeStyles = (size: BadgeSize) => {\n  const sizeMap: Record<\n    BadgeSize,\n    {\n      minWidth: number;\n      height: number;\n      fontSize: string;\n      padding: string;\n      dotSize: number;\n      iconSize: string;\n    }\n  > = {\n    xs: {\n      minWidth: 14,\n      height: 14,\n      fontSize: '0.5rem',\n      padding: '0 3px',\n      dotSize: 6,\n      iconSize: '0.625rem' },\n    sm: {\n      minWidth: 16,\n      height: 16,\n      fontSize: '0.625rem',\n      padding: '0 4px',\n      dotSize: 8,\n      iconSize: '0.75rem' },\n    md: {\n      minWidth: 20,\n      height: 20,\n      fontSize: '0.75rem',\n      padding: '0 6px',\n      dotSize: 10,\n      iconSize: '0.875rem' },\n    lg: {\n      minWidth: 24,\n      height: 24,\n      fontSize: '0.875rem',\n      padding: '0 8px',\n      dotSize: 12,\n      iconSize: '1rem' },\n    xl: {\n      minWidth: 28,\n      height: 28,\n      fontSize: '1rem',\n      padding: '0 10px',\n      dotSize: 14,\n      iconSize: '1.125rem' } };\n\n  return sizeMap[size] || sizeMap.md;\n};\n\nexport const getAnchorOrigin = (position: string) => {\n  const positionMap: Record<string, { vertical: 'top' | 'bottom'; horizontal: 'left' | 'right' }> =\n    {\n      'top-right': { vertical: 'top', horizontal: 'right' },\n      'top-left': { vertical: 'top', horizontal: 'left' },\n      'bottom-right': { vertical: 'bottom', horizontal: 'right' },\n      'bottom-left': { vertical: 'bottom', horizontal: 'left' } };\n\n  return positionMap[position] || positionMap['top-right'];\n};\n\n// Exactly one variant applies, so a lookup replaces ten mutually exclusive\n// spreads inside the style object.\n// The glow effect needs the badge colour as bare RGB components for a CSS\n// variable, and the palette hands them over as hex or rgb().\nconst rgbValuesOf = (color: string): string => {\n  if (color.startsWith('#')) {\n    const hex = color.slice(1);\n    const [r, g, b] = [0, 2, 4].map((offset) => parseInt(hex.slice(offset, offset + 2), 16));\n    return `${r}, ${g}, ${b}`;\n  }\n\n  const match = color.match(/\\d+/g);\n  if (match) return `${match[0]}, ${match[1]}, ${match[2]}`;\n  return '255, 255, 255';\n};\n\n// Glow and pulse combine into a third, distinct treatment rather than stacking.\nconst badgeLightingStyles = ({\n  glow,\n  pulse,\n  colorPalette }: {\n  glow?: boolean;\n  pulse?: boolean;\n  colorPalette: BadgePalette;\n}): CSSObject => ({\n      // Glow effect\n      ...(glow &&\n        !pulse && {\n          boxShadow: `0 0 15px 3px ${alpha(colorPalette.main, 0.5)}`,\n          filter: 'brightness(1.1)',\n          '&:hover': {\n            boxShadow: `0 0 20px 4px ${alpha(colorPalette.main, 0.6)}` } }),\n\n      // Pulse animation\n      ...(pulse &&\n        !glow && {\n          animation: `${pulseAnimation} 2s ease-in-out infinite` }),\n\n      // Both glow and pulse\n      ...(glow &&\n        pulse && {\n          animation: `${glowPulseAnimation} 2s ease-in-out infinite, ${pulseAnimation} 2s ease-in-out infinite`,\n          filter: 'brightness(1.1)',\n        }),\n\n});\n\nconst badgeAnimationStyles = ({\n  animate,\n  bounce,\n  shimmer,\n  glow: _glow,\n  pulse: _pulse,\n  customVariant,\n  colorPalette,\n  theme }: {\n  animate?: boolean;\n  bounce?: boolean;\n  shimmer?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  customVariant?: BadgeVariant;\n  colorPalette: BadgePalette;\n  theme: Theme;\n}): CSSObject => ({\n      ...(animate &&\n        !bounce && {\n          animation: `${fadeInScaleAnimation} 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55)` }),\n\n      // Bounce animation\n      ...(bounce && {\n        animation: `${bounceAnimation} 1s ease-in-out` }),\n\n      // Shimmer effect\n      ...(shimmer && {\n        background:\n          customVariant === 'gradient'\n            ? `linear-gradient(135deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`\n            : colorPalette.main,\n        backgroundSize: shimmer ? '1000px 100%' : 'auto',\n        position: 'relative',\n        overflow: 'hidden',\n        '&::after': {\n          content: '\"\"',\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          width: '100%',\n          height: '100%',\n          background: `linear-gradient(\n            90deg,\n            transparent,\n            ${alpha(theme.palette.common.white, 0.4)},\n            transparent\n          )`,\n          animation: `${shimmerAnimation} 3s infinite` } }) });\n\n// The badge chip's own styling, lifted out so the styled() callback just\n// forwards its props.\ninterface BadgeStyleArgs {\n  theme: Theme;\n  customVariant?: BadgeVariant;\n  customSize?: BadgeSize;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  animate?: boolean;\n  shimmer?: boolean;\n  bounce?: boolean;\n  hasIcon?: boolean;\n}\n\nexport const badgeStyles = ({\n  theme,\n  customVariant,\n  customSize = 'md',\n  customColor = 'primary',\n  glow,\n  pulse,\n  animate,\n  shimmer,\n  bounce,\n  hasIcon }: BadgeStyleArgs): CSSObject => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n  const sizeStyles = getSizeStyles(customSize);\n\n  return {\n    '--glow-color': rgbValuesOf(colorPalette.main),\n    '& .MuiBadge-badge': {\n      transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n      fontWeight: 600,\n      border: `2px solid ${theme.palette.background.paper}`,\n      letterSpacing: '0.025em',\n      textTransform:\n        customVariant === 'gradient' || customVariant === 'glass' ? 'uppercase' : 'none',\n      willChange: 'transform, opacity',\n      backfaceVisibility: 'hidden',\n\n      // Outline variant\n\n      // Destructive variant\n\n      // Warning variant\n\n      // Adjust padding when icon is present\n      ...badgeVariantStyles(theme, colorPalette, sizeStyles, customVariant),\n      ...(hasIcon && {\n        paddingLeft: sizeStyles.padding.split(' ')[1],\n        display: 'inline-flex',\n        alignItems: 'center',\n        gap: '2px',\n      }),\n\n      // Animation on mount\n      ...badgeAnimationStyles({\n        animate,\n        bounce,\n        shimmer,\n        glow,\n        pulse,\n        customVariant,\n        colorPalette,\n        theme }),\n      ...badgeLightingStyles({ glow, pulse, colorPalette }),\n\n      '&:not(.MuiBadge-dot):hover': {\n        transform: 'scale(1.1)',\n        zIndex: 1 } } };\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-XA7HTVZO.js

@@ -1,146 +0,0 @@
-import {
-  fadeInScaleAnimation
-} from "./chunk-CSFE7AUR.js";
-
-// src/components/data-display/DataViews/card-surface.ts
-import { alpha, keyframes } from "@mui/material";
-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-XA7HTVZO.js.map

package/dist/chunk-XA7HTVZO.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\";\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":";;;;;AAAA,SAAS,OAAO,iBAA6C;AAe7D,IAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AA4HX,IAAM,cAAc;AAGpB,SAAS,YAAY,QAAkE;AAC5F,SAAO,CAAC,SAAU,SAAS,GAAG,MAAM,IAAI,IAAI,KAAK;AACnD;AAGO,SAAS,aACd,OACS;AACT,SAAO,MAAM,cAAc,MAAM,kBAAkB;AACrD;AAGO,SAAS,aAAa,OAAuC;AAClE,SAAO,UAAU,cAAc,UAAU;AAC3C;AAUA,SAAS,UAAU,SAA6B,OAAsB;AACpE,MAAI,YAAY,SAAS;AACvB,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,iBAAiB;AAAA,MACjB,WAAW,EAAE,iBAAiB,kBAAkB;AAAA,IAClD;AAAA,EACF;AACA,MAAI,YAAY,QAAQ;AACtB,WAAO,EAAE,QAAQ,GAAG,iBAAiB,eAAe,WAAW,OAAO;AAAA,EACxE;AACA,MAAI,YAAY,SAAS;AAavB,WAAO;AAAA,MACL,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,MAC3D,gBAAgB;AAAA;AAAA;AAAA;AAAA,MAIhB,aAAa,MAAM,QAAQ;AAAA,MAC3B,WAAW,aAAa,MAAM,MAAM,QAAQ,OAAO,OAAO,GAAG,CAAC;AAAA,IAChE;AAAA,EACF;AACA,SAAO,CAAC;AACV;AASA,IAAM,YAAY;AAelB,SAAS,UAAU,MAAsB;AACvC,SAAO;AAAA,IACL,aAAa;AAAA,MACX,SAAS;AAAA,MACT,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,wBAAwB;AAAA,MACxB,sBAAsB;AAAA,MACtB,iBAAiB;AAAA,MACjB,eAAe;AAAA,IACjB;AAAA,EACF;AACF;AAkBA,SAAS,OAAO,MAAsB;AACpC,SAAO;AAAA,IACL,WAAW;AAAA,MACT,aAAa,MAAM,MAAM,IAAI,CAAC;AAAA,MAC9B,aAAa,MAAM,MAAM,IAAI,CAAC;AAAA,MAC9B,mBAAmB,MAAM,MAAM,GAAG,CAAC;AAAA,IACrC,EAAE,KAAK,IAAI;AAAA,EACb;AACF;AAcA,SAAS,QAAQ,MAAsB;AACrC,SAAO;AAAA,IACL,CAAC,SAAS,GAAG;AAAA,MACX,YAAY;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,QACP,cAAc;AAAA,QACd,QAAQ,aAAa,IAAI;AAAA,QACzB,WAAW,GAAG,SAAS;AAAA,QACvB,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AACF;AAGA,SAAS,WAAW,UAAwB,MAAc,OAA0B;AAClF,MAAI,aAAa,aAAa;AAE5B,WAAO;AAAA,MACL,GAAG,UAAU,IAAI;AAAA,MACjB,GAAI,UAAU,SAAS,OAAO,IAAI,IAAI,CAAC;AAAA,MACvC,GAAG,QAAQ,IAAI;AAAA,IACjB;AAAA,EACF;AACA,MAAI,aAAa,OAAO;AACtB,WAAO;AAAA,MACL,GAAG,UAAU,IAAI;AAAA,MACjB,CAAC,SAAS,GAAG,EAAE,WAAW,GAAG,oBAAoB,kBAAkB;AAAA,IACrE;AAAA,EACF;AACA,SAAO,CAAC;AACV;AAsBA,SAAS,QAAQ,OAA0B;AACzC,MAAI,UAAU,aAAa;AACzB,WAAO;AAAA,MACL,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMT,wEAAwE;AAAA,QACtE,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACA,MAAI,UAAU,YAAY;AACxB,WAAO,EAAE,SAAS,MAAM,QAAQ,gBAAgB,QAAQ,cAAc;AAAA,EACxE;AACA,SAAO,EAAE,SAAS,EAAE;AACtB;AAEO,SAAS,kBACd,OACA,OACQ;AACR,QAAM,EAAE,UAAU,WAAW,QAAQ,WAAW,WAAW,OAAO,WAAW,IAAI;AACjF,QAAM,EAAE,QAAQ,WAAW,WAAW,OAAO,IAAI;AACjD,QAAM,OAAO,MAAM,QAAQ,KAAK,EAAE;AAGlC,QAAM,eAAe,cAAc;AACnC,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,GAAG,QAAQ,KAAK;AAAA,IAChB,GAAG,UAAU,SAAS,KAAK;AAAA,IAC3B,GAAI,eACA;AAAA,MACE,aAAa,GAAG,KAAK;AAAA,MACrB,WAAW,mBAAmB,IAAI;AAAA,MAClC,iBAAiB;AAAA,IACnB,IACA,CAAC;AAAA,IACL,GAAG,WAAW,UAAU,MAAM,MAAM,KAAK;AAAA,EAC3C;AACF;","names":[]}

package/dist/chunk-XBS4HWQU.js

@@ -1,131 +0,0 @@
-import {
-  FilterChips,
-  PALETTE_CARD_SX,
-  PaletteBody,
-  PaletteInput,
-  PaletteScrollArea,
-  Paper,
-  createKeyDownHandler,
-  ghostRemainder
-} from "./chunk-ZZ35CIK7.js";
-
-// src/components/form/SearchPalette/SearchPalette.tsx
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_MAX_ITEMS = 5;
-function resolveOpts(props) {
-  return {
-    maxItems: props.maxItems ?? DEFAULT_MAX_ITEMS,
-    filters: props.filters ?? [],
-    activeFilterIds: props.activeFilterIds ?? [],
-    isLoading: Boolean(props.isLoading),
-    showGhostText: props.showGhostText ?? true,
-    autoFocus: props.autoFocus ?? true
-  };
-}
-function resolveText(props) {
-  return {
-    submitAllLabel: props.submitAllLabel,
-    submitKeyLabel: props.submitKeyLabel,
-    noResultsLabel: props.noResultsLabel,
-    placeholder: props.placeholder,
-    dataTestId: props.dataTestId ?? "search-palette"
-  };
-}
-function SearchPalette(props) {
-  const opts = resolveOpts(props);
-  const text = resolveText(props);
-  const trimmed = props.value.trim();
-  const hasQuery = trimmed.length > 0;
-  const visible = props.items.slice(0, opts.maxItems);
-  const showFooter = Boolean(props.onSubmitAll) && hasQuery;
-  const rowCount = visible.length + (showFooter ? 1 : 0);
-  const footerIndex = showFooter ? visible.length : -1;
-  const [activeIndex, setActiveIndex] = React.useState(0);
-  React.useEffect(() => {
-    setActiveIndex((i) => rowCount === 0 ? 0 : Math.min(i, rowCount - 1));
-  }, [rowCount]);
-  const top = visible[0];
-  const ghost = opts.showGhostText && hasQuery && top ? ghostRemainder(props.getPrimary(top), props.value) : "";
-  const onKeyDown = createKeyDownHandler({
-    rowCount,
-    activeIndex,
-    footerIndex,
-    visible,
-    hasQuery,
-    ghost,
-    top,
-    trimmed,
-    getPrimary: props.getPrimary,
-    onChange: props.onChange,
-    onSelect: props.onSelect,
-    onSubmitAll: props.onSubmitAll,
-    onClose: props.onClose,
-    setActiveIndex
-  });
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      elevation: 8,
-      className: props.className,
-      "data-testid": text.dataTestId,
-      sx: PALETTE_CARD_SX,
-      children: [
-        /* @__PURE__ */ jsx(
-          PaletteInput,
-          {
-            value: props.value,
-            ghost,
-            isLoading: opts.isLoading,
-            autoFocus: opts.autoFocus,
-            placeholder: text.placeholder,
-            inputAriaLabel: props.inputAriaLabel,
-            hasQuery,
-            onChange: props.onChange,
-            onKeyDown
-          }
-        ),
-        opts.filters.length > 0 && /* @__PURE__ */ jsx(
-          FilterChips,
-          {
-            filters: opts.filters,
-            activeFilterIds: opts.activeFilterIds,
-            onToggleFilter: props.onToggleFilter
-          }
-        ),
-        /* @__PURE__ */ jsx(PaletteScrollArea, { children: /* @__PURE__ */ jsx(
-          PaletteBody,
-          {
-            hasQuery,
-            emptyQueryContent: props.emptyQueryContent,
-            visible,
-            isLoading: opts.isLoading,
-            noResultsLabel: text.noResultsLabel,
-            showFooter,
-            footerIndex,
-            activeIndex,
-            trimmed,
-            submitAllLabel: text.submitAllLabel,
-            submitKeyLabel: text.submitKeyLabel,
-            getKey: props.getKey,
-            getPrimary: props.getPrimary,
-            getSecondary: props.getSecondary,
-            getLead: props.getLead,
-            getTrailing: props.getTrailing,
-            onSelect: props.onSelect,
-            onSubmitAll: props.onSubmitAll,
-            setActiveIndex
-          }
-        ) })
-      ]
-    }
-  );
-}
-SearchPalette.displayName = "SearchPalette";
-var SearchPalette_default = SearchPalette;
-
-export {
-  SearchPalette,
-  SearchPalette_default
-};
-//# sourceMappingURL=chunk-XBS4HWQU.js.map

package/dist/chunk-XDWNHACB.js

@@ -1,64 +0,0 @@
-import {
-  Text
-} from "./chunk-R52HJAYO.js";
-
-// src/components/data-display/DescriptionItem/DescriptionItem.tsx
-import { Box } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var FLEX_ALIGN = { start: "flex-start", center: "center", end: "flex-end" };
-var containerSx = (isHorizontal, align) => ({
-  display: "flex",
-  flexDirection: isHorizontal ? "row" : "column",
-  alignItems: isHorizontal ? "center" : FLEX_ALIGN[align],
-  gap: isHorizontal ? 1 : 0,
-  // `alignItems` places the two boxes; `textAlign` handles a label or value
-  // that WRAPS, whose second line would otherwise fall back to flush-left
-  // inside a box the alignment had already centred.
-  textAlign: align
-});
-var labelStyle = (isHorizontal) => ({
-  textTransform: "uppercase",
-  marginBottom: isHorizontal ? 0 : "0.25rem",
-  minWidth: isHorizontal ? "fit-content" : void 0,
-  flexShrink: isHorizontal ? 0 : void 0
-});
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `description-item-${suffix}`;
-var DescriptionItem = ({
-  label,
-  value,
-  orientation = "vertical",
-  align = "start",
-  className,
-  "data-testid": dataTestId
-}) => {
-  const isHorizontal = orientation === "horizontal";
-  const testId = makeTestId(dataTestId);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className,
-      sx: containerSx(isHorizontal, align),
-      "data-testid": dataTestId || "description-item",
-      children: [
-        /* @__PURE__ */ jsx(
-          Text,
-          {
-            variant: "caption",
-            size: "xs",
-            color: "secondary",
-            style: labelStyle(isHorizontal),
-            "data-testid": testId("label"),
-            children: label
-          }
-        ),
-        /* @__PURE__ */ jsx(Box, { "data-testid": testId("value"), children: typeof value === "string" || typeof value === "number" ? /* @__PURE__ */ jsx(Text, { variant: "body", size: "sm", weight: "semibold", children: value }) : value })
-      ]
-    }
-  );
-};
-DescriptionItem.displayName = "DescriptionItem";
-
-export {
-  DescriptionItem
-};
-//# sourceMappingURL=chunk-XDWNHACB.js.map

package/dist/chunk-XDWNHACB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DescriptionItem/DescriptionItem.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport type { ReactNode } from 'react';\n\nimport { Text } from '../../typography/Text/Text';\n\nexport interface DescriptionItemProps {\n  /**\n   * The label text to display\n   */\n  label: string;\n\n  /**\n   * The value to display - can be text, number, or any React node\n   */\n  value: ReactNode;\n\n  /**\n   * Layout orientation\n   * - `vertical`: Label above value (default)\n   * - `horizontal`: Label and value side by side\n   */\n  orientation?: 'vertical' | 'horizontal';\n\n  /**\n   * Which edge the label and value line up on.\n   *\n   * - `start` (default): both flush left, the reading order for a form or a\n   *   description list.\n   * - `center`: both centred over each other — for a pair sitting in a column\n   *   of its own, where a left-flush label over a shorter value looks unhinged\n   *   from it.\n   * - `end`: both flush right, which is what a numeric column wants so its\n   *   digits line up with the value above and below.\n   *\n   * Applies to `vertical`; a `horizontal` pair is already a single line.\n   */\n  align?: 'start' | 'center' | 'end';\n\n  /**\n   * Optional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Test ID for testing purposes\n   */\n  'data-testid'?: string;\n}\n\n/**\n * DescriptionItem - A label-value pair component for displaying read-only information\n *\n * Used for displaying structured metadata, properties, or descriptive information\n * in a consistent vertical layout with a label above the value.\n *\n * @example\n * ```tsx\n * <DescriptionItem\n *   label=\"Incident ID\"\n *   value=\"INC-12345\"\n * />\n * ```\n *\n * @example\n * ```tsx\n * <DescriptionItem\n *   label=\"Status\"\n *   value={<Chip label=\"Active\" color=\"success\" />}\n * />\n * ```\n */\n/** `align` in the terms flexbox and CSS each want it. */\nconst FLEX_ALIGN = { start: 'flex-start', center: 'center', end: 'flex-end' } as const;\n\n// Vertical stacks the label above the value; horizontal sets them side by side\n// with the label sized to its content.\nconst containerSx = (isHorizontal: boolean, align: 'start' | 'center' | 'end') => ({\n  display: 'flex',\n  flexDirection: isHorizontal ? ('row' as const) : ('column' as const),\n  alignItems: isHorizontal ? 'center' : FLEX_ALIGN[align],\n  gap: isHorizontal ? 1 : 0,\n  // `alignItems` places the two boxes; `textAlign` handles a label or value\n  // that WRAPS, whose second line would otherwise fall back to flush-left\n  // inside a box the alignment had already centred.\n  textAlign: align,\n});\n\nconst labelStyle = (isHorizontal: boolean) => ({\n  textTransform: 'uppercase' as const,\n  marginBottom: isHorizontal ? 0 : '0.25rem',\n  minWidth: isHorizontal ? ('fit-content' as const) : undefined,\n  flexShrink: isHorizontal ? 0 : undefined,\n});\n\nconst makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `description-item-${suffix}`;\n\nexport const DescriptionItem: React.FC<DescriptionItemProps> = ({\n  label,\n  value,\n  orientation = 'vertical',\n  align = 'start',\n  className,\n  'data-testid': dataTestId,\n}) => {\n  const isHorizontal = orientation === 'horizontal';\n  const testId = makeTestId(dataTestId);\n\n  return (\n    <Box\n      className={className}\n      sx={containerSx(isHorizontal, align)}\n      data-testid={dataTestId || 'description-item'}\n    >\n      <Text\n        variant=\"caption\"\n        size=\"xs\"\n        color=\"secondary\"\n        style={labelStyle(isHorizontal)}\n        data-testid={testId('label')}\n      >\n        {label}\n      </Text>\n      <Box data-testid={testId('value')}>\n        {/* Plain text gets the component's own typography; anything else is\n            rendered as given. */}\n        {typeof value === 'string' || typeof value === 'number' ? (\n          <Text variant=\"body\" size=\"sm\" weight=\"semibold\">\n            {value}\n          </Text>\n        ) : (\n          value\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nDescriptionItem.displayName = 'DescriptionItem';\n"],"mappings":";;;;;AAAA,SAAS,WAAW;AA+GhB,SAKE,KALF;AAvCJ,IAAM,aAAa,EAAE,OAAO,cAAc,QAAQ,UAAU,KAAK,WAAW;AAI5E,IAAM,cAAc,CAAC,cAAuB,WAAuC;AAAA,EACjF,SAAS;AAAA,EACT,eAAe,eAAgB,QAAmB;AAAA,EAClD,YAAY,eAAe,WAAW,WAAW,KAAK;AAAA,EACtD,KAAK,eAAe,IAAI;AAAA;AAAA;AAAA;AAAA,EAIxB,WAAW;AACb;AAEA,IAAM,aAAa,CAAC,kBAA2B;AAAA,EAC7C,eAAe;AAAA,EACf,cAAc,eAAe,IAAI;AAAA,EACjC,UAAU,eAAgB,gBAA0B;AAAA,EACpD,YAAY,eAAe,IAAI;AACjC;AAEA,IAAM,aACJ,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,oBAAoB,MAAM;AAEhE,IAAM,kBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA,eAAe;AACjB,MAAM;AACJ,QAAM,eAAe,gBAAgB;AACrC,QAAM,SAAS,WAAW,UAAU;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,IAAI,YAAY,cAAc,KAAK;AAAA,MACnC,eAAa,cAAc;AAAA,MAE3B;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YACN,OAAO,WAAW,YAAY;AAAA,YAC9B,eAAa,OAAO,OAAO;AAAA,YAE1B;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,OAAI,eAAa,OAAO,OAAO,GAG7B,iBAAO,UAAU,YAAY,OAAO,UAAU,WAC7C,oBAAC,QAAK,SAAQ,QAAO,MAAK,MAAK,QAAO,YACnC,iBACH,IAEA,OAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,gBAAgB,cAAc;","names":[]}