@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-FA3TYWX2.js

@@ -1,118 +0,0 @@
-import {
-  sliderSx
-} from "./chunk-XJKMH3RX.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/Slider/Slider.tsx
-import Box from "@mui/material/Box/index.js";
-import MuiSlider from "@mui/material/Slider/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledSlider = styled(MuiSlider, {
-  shouldForwardProp: (prop) => !["customColor", "customSize", "glow", "glass", "gradient", "customVariant"].includes(
-    prop
-  )
-})(({ theme, ...flags }) => ({ ...sliderSx(theme, flags) }));
-var DEFAULTS = {
-  variant: "default",
-  color: "primary",
-  size: "md",
-  showValue: false,
-  glow: false,
-  glass: false,
-  gradient: false,
-  showMarks: false,
-  unit: ""
-};
-var formatOne = (n, unit, formatValue) => `${formatValue ? formatValue(n) : n}${unit}`;
-var displayValueOf = (value, unit, formatValue) => {
-  if (Array.isArray(value)) {
-    const low = formatOne(value[0] ?? 0, unit, formatValue);
-    const high = formatOne(value[1] ?? 0, unit, formatValue);
-    return `${low} - ${high}`;
-  }
-  return formatOne(value ?? 0, unit, formatValue);
-};
-var marksFor = (variant, showMarks, customMarks) => {
-  if (variant !== "marks" && !showMarks) return void 0;
-  return customMarks || (variant === "marks" ? true : void 0);
-};
-var Slider = forwardRef((props, ref) => {
-  const {
-    variant,
-    color,
-    size,
-    label,
-    showValue,
-    glow,
-    glass,
-    gradient,
-    showMarks,
-    customMarks,
-    unit,
-    formatValue,
-    value,
-    onChange,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const testId = (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
-  return /* @__PURE__ */ jsxs(Box, { sx: { width: "100%" }, "data-testid": dataTestId, children: [
-    (label || showValue) && /* @__PURE__ */ jsxs(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          justifyContent: "space-between",
-          alignItems: "center",
-          mb: 2
-        },
-        children: [
-          label && /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "body2",
-              fontWeight: 500,
-              color: "text.primary",
-              "data-testid": testId("label"),
-              children: label
-            }
-          ),
-          showValue && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", "data-testid": testId("value-label"), children: displayValueOf(value, unit, formatValue) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { sx: { px: 1 }, children: /* @__PURE__ */ jsx(
-      StyledSlider,
-      {
-        ref,
-        customColor: color,
-        customSize: size,
-        glow,
-        glass,
-        gradient,
-        customVariant: variant,
-        value,
-        onChange,
-        marks: marksFor(variant, showMarks, customMarks),
-        valueLabelDisplay: showValue ? "auto" : "off",
-        "data-testid": testId("slider"),
-        slotProps: {
-          track: { "data-testid": testId("track") },
-          thumb: { "data-testid": testId("thumb") }
-        },
-        ...rest
-      }
-    ) })
-  ] });
-});
-Slider.displayName = "Slider";
-
-export {
-  Slider
-};
-//# sourceMappingURL=chunk-FA3TYWX2.js.map

package/dist/chunk-FAITHWIO.js

@@ -1,73 +0,0 @@
-// src/components/data-display/Avatar/Avatar.metrics.ts
-var AVATAR_SIZES = {
-  xs: { box: 24, fontSize: 12 },
-  sm: { box: 32, fontSize: 14 },
-  md: { box: 40, fontSize: 16 },
-  lg: { box: 48, fontSize: 18 },
-  xl: { box: 64, fontSize: 24 },
-  xxl: { box: 80, fontSize: 32 }
-};
-var ROUNDED_RADIUS_UNITS = 1;
-var BORDER_WIDTH = 2;
-var BORDER_HALO_ALPHA = 0.2;
-var GLOW = { blur: 20, spread: 5, alpha: 0.4, brightness: 1.05 };
-var PULSE = { durationMs: 2e3, alpha: 0.3, spread: 10 };
-var SHIMMER = { durationMs: 1500, fromAlpha: 0.6, toAlpha: 0.8 };
-var LOADING_OVERLAY = { paperAlpha: 0.7, blur: 2 };
-var SPINNER = {
-  /** A share of the avatar's box. */
-  scale: 0.4,
-  ringWidth: 2,
-  trackAlpha: 0.3,
-  durationMs: 800
-};
-var STATUS_DOT = { scale: 0.2, min: 8, borderWidth: 2, anchor: 0.14 };
-var GLYPH_SIZE = 24;
-var FADE_MS = 300;
-var SCALE_IN_MS = 300;
-var AVATAR_TRANSITION_MS = 300;
-var AVATAR_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
-var HOVER = { scale: 1.1, lift: 2, shadowY: 8, shadowBlur: 20, shadowAlpha: 0.3, brightness: 1.1 };
-var ACTIVE_SCALE = 1.05;
-var FOCUS_RING = { width: 3, offset: 2, alpha: 0.5 };
-var GROUP_OVERLAP = 8;
-var GROUP_MAX = 4;
-var GROUP_HOVER = { scale: 1.1, lift: 4 };
-function statusColor(theme, status) {
-  if (status === "online") return theme.palette.success.main;
-  if (status === "away") return theme.palette.warning.main;
-  if (status === "busy") return theme.palette.danger.main;
-  return theme.palette.grey[500];
-}
-function avatarAccent(theme, color) {
-  if (color === "neutral") return { main: theme.palette.grey[700], contrastText: "#fff" };
-  const accent = theme.palette[color];
-  return { main: accent.main, contrastText: accent.contrastText || "#fff" };
-}
-
-export {
-  AVATAR_SIZES,
-  ROUNDED_RADIUS_UNITS,
-  BORDER_WIDTH,
-  BORDER_HALO_ALPHA,
-  GLOW,
-  PULSE,
-  SHIMMER,
-  LOADING_OVERLAY,
-  SPINNER,
-  STATUS_DOT,
-  GLYPH_SIZE,
-  FADE_MS,
-  SCALE_IN_MS,
-  AVATAR_TRANSITION_MS,
-  AVATAR_TRANSITION_EASING,
-  HOVER,
-  ACTIVE_SCALE,
-  FOCUS_RING,
-  GROUP_OVERLAP,
-  GROUP_MAX,
-  GROUP_HOVER,
-  statusColor,
-  avatarAccent
-};
-//# sourceMappingURL=chunk-FAITHWIO.js.map

package/dist/chunk-FAITHWIO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Avatar/Avatar.metrics.ts"],"sourcesContent":["import type { AvatarSize, AvatarStatus } from './Avatar.base';\nimport type { UiTheme } from '../../../tokens/theme';\nimport type { ColorValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Avatar` RENDERERS DRAW WITH.\n *\n * `Avatar.view.tsx` (web, emotion over MUI's `Avatar` and `Badge`) and\n * `Avatar.native.tsx` (React Native) read this one table: the six boxes and\n * their type, the status dot, the glow, the shimmer and the spinner. The web\n * turns the px into rem; native uses the numbers.\n */\nexport interface AvatarSizeMetrics {\n  /** The square the portrait fills, in px. */\n  box: number;\n  /** The initials' type size, in px. */\n  fontSize: number;\n}\n\nexport const AVATAR_SIZES: Record<AvatarSize, AvatarSizeMetrics> = {\n  xs: { box: 24, fontSize: 12 },\n  sm: { box: 32, fontSize: 14 },\n  md: { box: 40, fontSize: 16 },\n  lg: { box: 48, fontSize: 18 },\n  xl: { box: 64, fontSize: 24 },\n  xxl: { box: 80, fontSize: 32 },\n};\n\n/** `rounded` takes one spacing unit; `circle` and `status` are round. */\nexport const ROUNDED_RADIUS_UNITS = 1;\n\n/** The paper ring an avatar takes inside a group, and the hairline outside it. */\nexport const BORDER_WIDTH = 2;\nexport const BORDER_HALO_ALPHA = 0.2;\n\n/** `glow`: a 20px halo at five pixels of spread, and a brightness lift. */\nexport const GLOW = { blur: 20, spread: 5, alpha: 0.4, brightness: 1.05 } as const;\n\n/** `pulse`: the `::after` ring, from nothing to 10px while it fades out. */\nexport const PULSE = { durationMs: 2000, alpha: 0.3, spread: 10 } as const;\n\n/** The shimmer that runs across a loading avatar. */\nexport const SHIMMER = { durationMs: 1500, fromAlpha: 0.6, toAlpha: 0.8 } as const;\n\n/** The overlay over a loading avatar, and the ring spinning in it. */\nexport const LOADING_OVERLAY = { paperAlpha: 0.7, blur: 2 } as const;\nexport const SPINNER = {\n  /** A share of the avatar's box. */\n  scale: 0.4,\n  ringWidth: 2,\n  trackAlpha: 0.3,\n  durationMs: 800,\n} as const;\n\n/**\n * The status dot: a fifth of the box, never below 8px, inside a paper ring.\n * `anchor` is MUI's `overlap=\"circular\"` inset — the dot's CENTRE sits 14% of\n * the box in from the bottom-right corner.\n */\nexport const STATUS_DOT = { scale: 0.2, min: 8, borderWidth: 2, anchor: 0.14 } as const;\n\n/**\n * The default and broken-image glyphs are ordinary `SvgIcon`s here, not MUI's\n * own `.MuiAvatar-fallback` (which is 75% of the box): this component passes\n * them as CHILDREN, so they render at the icon default whatever the box is.\n */\nexport const GLYPH_SIZE = 24;\n\n/** MUI's `Fade` timeout on mount, and the scale-in behind it. */\nexport const FADE_MS = 300;\nexport const SCALE_IN_MS = 300;\n\n/** `transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)`. */\nexport const AVATAR_TRANSITION_MS = 300;\nexport const AVATAR_TRANSITION_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';\n\n/** The interactive lift, which is a `:hover` on the web. */\nexport const HOVER = { scale: 1.1, lift: 2, shadowY: 8, shadowBlur: 20, shadowAlpha: 0.3, brightness: 1.1 } as const;\nexport const ACTIVE_SCALE = 1.05;\n\n/** The focus ring `:focus-visible` draws. */\nexport const FOCUS_RING = { width: 3, offset: 2, alpha: 0.5 } as const;\n\n/** An avatar group's default overlap, in px, and its hover lift. */\nexport const GROUP_OVERLAP = 8;\nexport const GROUP_MAX = 4;\nexport const GROUP_HOVER = { scale: 1.1, lift: 4 } as const;\n\n/** The dot's colour per status. `offline` is the ramp, the rest are semantic. */\nexport function statusColor(theme: UiTheme, status: AvatarStatus): string {\n  if (status === 'online') return theme.palette.success.main;\n  if (status === 'away') return theme.palette.warning.main;\n  if (status === 'busy') return theme.palette.danger.main;\n  return theme.palette.grey[500];\n}\n\nexport interface AvatarAccent {\n  main: string;\n  contrastText: string;\n}\n\n/**\n * The accent behind the initials. `danger`, NOT `error` — the web map was keyed\n * on MUI's word while the prop took the house one, so `danger` matched nothing\n * and fell through to primary: a red avatar rendering blue, silently.\n */\nexport function avatarAccent(theme: UiTheme, color: ColorValue): AvatarAccent {\n  if (color === 'neutral') return { main: theme.palette.grey[700], contrastText: '#fff' };\n  const accent = theme.palette[color];\n  return { main: accent.main, contrastText: accent.contrastText || '#fff' };\n}\n"],"mappings":";AAmBO,IAAM,eAAsD;AAAA,EACjE,IAAI,EAAE,KAAK,IAAI,UAAU,GAAG;AAAA,EAC5B,IAAI,EAAE,KAAK,IAAI,UAAU,GAAG;AAAA,EAC5B,IAAI,EAAE,KAAK,IAAI,UAAU,GAAG;AAAA,EAC5B,IAAI,EAAE,KAAK,IAAI,UAAU,GAAG;AAAA,EAC5B,IAAI,EAAE,KAAK,IAAI,UAAU,GAAG;AAAA,EAC5B,KAAK,EAAE,KAAK,IAAI,UAAU,GAAG;AAC/B;AAGO,IAAM,uBAAuB;AAG7B,IAAM,eAAe;AACrB,IAAM,oBAAoB;AAG1B,IAAM,OAAO,EAAE,MAAM,IAAI,QAAQ,GAAG,OAAO,KAAK,YAAY,KAAK;AAGjE,IAAM,QAAQ,EAAE,YAAY,KAAM,OAAO,KAAK,QAAQ,GAAG;AAGzD,IAAM,UAAU,EAAE,YAAY,MAAM,WAAW,KAAK,SAAS,IAAI;AAGjE,IAAM,kBAAkB,EAAE,YAAY,KAAK,MAAM,EAAE;AACnD,IAAM,UAAU;AAAA;AAAA,EAErB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AACd;AAOO,IAAM,aAAa,EAAE,OAAO,KAAK,KAAK,GAAG,aAAa,GAAG,QAAQ,KAAK;AAOtE,IAAM,aAAa;AAGnB,IAAM,UAAU;AAChB,IAAM,cAAc;AAGpB,IAAM,uBAAuB;AAC7B,IAAM,2BAA2B;AAGjC,IAAM,QAAQ,EAAE,OAAO,KAAK,MAAM,GAAG,SAAS,GAAG,YAAY,IAAI,aAAa,KAAK,YAAY,IAAI;AACnG,IAAM,eAAe;AAGrB,IAAM,aAAa,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,IAAI;AAGrD,IAAM,gBAAgB;AACtB,IAAM,YAAY;AAClB,IAAM,cAAc,EAAE,OAAO,KAAK,MAAM,EAAE;AAG1C,SAAS,YAAY,OAAgB,QAA8B;AACxE,MAAI,WAAW,SAAU,QAAO,MAAM,QAAQ,QAAQ;AACtD,MAAI,WAAW,OAAQ,QAAO,MAAM,QAAQ,QAAQ;AACpD,MAAI,WAAW,OAAQ,QAAO,MAAM,QAAQ,OAAO;AACnD,SAAO,MAAM,QAAQ,KAAK,GAAG;AAC/B;AAYO,SAAS,aAAa,OAAgB,OAAiC;AAC5E,MAAI,UAAU,UAAW,QAAO,EAAE,MAAM,MAAM,QAAQ,KAAK,GAAG,GAAG,cAAc,OAAO;AACtF,QAAM,SAAS,MAAM,QAAQ,KAAK;AAClC,SAAO,EAAE,MAAM,OAAO,MAAM,cAAc,OAAO,gBAAgB,OAAO;AAC1E;","names":[]}

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