@12-apps/ui 6.17.1 → 6.19.0

package/dist/{chunk-GFBNUWT5.js → chunk-4SXZSSVV.js}

@@ -1,13 +1,13 @@
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
+import {
+  createConfirmButton
+} from "./chunk-QZPNQWS2.js";
 import {
   Dialog,
   DialogContent
 } from "./chunk-S5LE2ARG.js";
-import {
-  createConfirmButton
-} from "./chunk-VJKRJYZL.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -16,10 +16,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-IAQFQNBL.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/ManageViewsDialog.tsx
 import { useMemo } from "react";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-GFBNUWT5.js.map
+//# sourceMappingURL=chunk-4SXZSSVV.js.map

package/dist/{chunk-6U7NA74A.js → chunk-5HOJSVQH.js}

@@ -26,7 +26,7 @@ import {
 } from "./chunk-D2IASECY.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/base-card.tsx
 import { useTheme } from "@mui/material/styles/index.js";
@@ -263,4 +263,4 @@ function BaseCard(props) {
 export {
   BaseCard
 };
-//# sourceMappingURL=chunk-6U7NA74A.js.map
+//# sourceMappingURL=chunk-5HOJSVQH.js.map

package/dist/{chunk-2XGM5PDA.js → chunk-624TFFLJ.js}

@@ -2,9 +2,11 @@ import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
 import {
-  accentFor,
+  accentFor
+} from "./chunk-V5IOLAIS.js";
+import {
   muiSize
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-7ZPUN7TV.js";
 
 // src/components/data-display/Carousel/Carousel.parts.tsx
 import ArrowBackIosIcon from "@mui/icons-material/ArrowBackIos";
@@ -317,4 +319,4 @@ export {
   CarouselArrows,
   CarouselThumbnails
 };
-//# sourceMappingURL=chunk-2XGM5PDA.js.map
+//# sourceMappingURL=chunk-624TFFLJ.js.map

package/dist/{chunk-2XGM5PDA.js.map → chunk-624TFFLJ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/Carousel/Carousel.parts.tsx"],"sourcesContent":["import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';\nimport Box from '@mui/material/Box/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { accentFor, muiSize } from '../../../tokens/scales';\n\nimport type {\n  CarouselArrowsProps,\n  CarouselIndicatorsProps,\n  CarouselItem,\n  CarouselThumbnailsProps,\n} from './Carousel.types';\n\ntype IndicatorPosition = NonNullable<CarouselIndicatorsProps['position']>;\ntype IndicatorVariant = NonNullable<CarouselIndicatorsProps['variant']>;\ntype Color = NonNullable<CarouselIndicatorsProps['color']>;\n\n/** Fires `onSelect` for the keys a native button would treat as activation. */\nconst activateOnKey = (onSelect: () => void) => (e: React.KeyboardEvent) => {\n  if (e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault();\n    onSelect();\n  }\n};\n\nconst INDICATOR_POSITIONS = (theme: Theme): Record<IndicatorPosition, CSSObject> => ({\n  top: { top: theme.spacing(2), left: '50%', transform: 'translateX(-50%)' },\n  bottom: { bottom: theme.spacing(2), left: '50%', transform: 'translateX(-50%)' },\n  left: {\n    left: theme.spacing(2),\n    top: '50%',\n    transform: 'translateY(-50%)',\n    flexDirection: 'column',\n  },\n  right: {\n    right: theme.spacing(2),\n    top: '50%',\n    transform: 'translateY(-50%)',\n    flexDirection: 'column',\n  },\n});\n\ninterface IndicatorProps {\n  index: number;\n  isActive: boolean;\n  color: Color;\n  onSelect: () => void;\n}\n\n/** Attributes every indicator variant carries, whatever it draws. */\nconst indicatorAttrs = (index: number, isActive: boolean) => ({\n  'aria-label': `Go to slide ${index + 1}`,\n  'data-testid': `carousel-indicator-${index}`,\n  'data-active': isActive,\n});\n\nconst LineIndicator: React.FC<IndicatorProps> = ({ index, isActive, color, onSelect }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      role=\"button\"\n      tabIndex={0}\n      {...indicatorAttrs(index, isActive)}\n      sx={{\n        width: isActive ? 30 : 20,\n        height: 3,\n        backgroundColor: isActive\n          ? accentFor(theme, color).main\n          : alpha(accentFor(theme, color).main, 0.3),\n        borderRadius: 1.5,\n        transition: theme.transitions.create(['width', 'background-color']),\n        cursor: 'pointer',\n      }}\n      onClick={onSelect}\n      onKeyDown={activateOnKey(onSelect)}\n    />\n  );\n};\n\nconst NumberIndicator: React.FC<IndicatorProps> = ({ index, isActive, color, onSelect }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      role=\"button\"\n      tabIndex={0}\n      {...indicatorAttrs(index, isActive)}\n      sx={{\n        width: 24,\n        height: 24,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        borderRadius: '50%',\n        backgroundColor: isActive ? accentFor(theme, color).main : 'transparent',\n        color: isActive ? accentFor(theme, color).contrastText : accentFor(theme, color).main,\n        border: `1px solid ${accentFor(theme, color).main}`,\n        fontSize: '0.75rem',\n        fontWeight: isActive ? 'bold' : 'normal',\n        cursor: 'pointer',\n        transition: theme.transitions.create(['all']),\n      }}\n      onClick={onSelect}\n      onKeyDown={activateOnKey(onSelect)}\n    >\n      {index + 1}\n    </Box>\n  );\n};\n\nconst DotIndicator: React.FC<IndicatorProps> = ({ index, isActive, color, onSelect }) => {\n  const theme = useTheme();\n\n  return (\n    <IconButton\n      size=\"small\"\n      {...indicatorAttrs(index, isActive)}\n      onClick={onSelect}\n      sx={{\n        p: 0.5,\n        color: isActive ? accentFor(theme, color).main : alpha(accentFor(theme, color).main, 0.3),\n        transform: isActive ? 'scale(1.2)' : 'scale(1)',\n        transition: theme.transitions.create(['transform', 'color']),\n      }}\n    >\n      <FiberManualRecordIcon fontSize=\"small\" />\n    </IconButton>\n  );\n};\n\nconst INDICATORS: Record<IndicatorVariant, React.FC<IndicatorProps>> = {\n  lines: LineIndicator,\n  numbers: NumberIndicator,\n  dots: DotIndicator,\n};\n\nconst INDICATORS_DEFAULTS = {\n  position: 'bottom',\n  color: 'primary',\n  variant: 'dots',\n} satisfies Partial<CarouselIndicatorsProps>;\n\nexport const CarouselIndicators: React.FC<CarouselIndicatorsProps> = (props) => {\n  const { count, activeIndex, onSelect, position, color, variant, className, style } = withDefaults(\n    props,\n    INDICATORS_DEFAULTS,\n  ) as CarouselIndicatorsProps & Required<Pick<CarouselIndicatorsProps, keyof typeof INDICATORS_DEFAULTS>>;\n\n  const theme = useTheme();\n  const Indicator = INDICATORS[variant] ?? DotIndicator;\n\n  return (\n    <Box\n      className={className}\n      data-testid=\"carousel-indicators\"\n      sx={{\n        position: 'absolute',\n        display: 'flex',\n        gap: 1,\n        zIndex: 2,\n        ...(INDICATOR_POSITIONS(theme)[position] ?? INDICATOR_POSITIONS(theme).bottom),\n        ...style,\n      }}\n    >\n      {Array.from({ length: count }).map((_, index) => (\n        <Indicator\n          key={index}\n          index={index}\n          isActive={index === activeIndex}\n          color={color}\n          onSelect={() => onSelect(index)}\n        />\n      ))}\n    </Box>\n  );\n};\n\nconst ARROWS_DEFAULTS = {\n  position: 'overlay',\n  disabled: false,\n  disablePrev: false,\n  disableNext: false,\n  color: 'primary',\n  size: 'md',\n} satisfies Partial<CarouselArrowsProps>;\n\n/**\n * All three positions place the arrow the same way; only `overlay` fades it back\n * until hovered, and only `outside` sits it clear of the frame.\n */\nconst arrowSx = (theme: Theme, color: Color, isOverlay: boolean): CSSObject => ({\n  position: 'absolute',\n  top: '50%',\n  transform: 'translateY(-50%)',\n  zIndex: 3,\n  backgroundColor: alpha(theme.palette.background.paper, 0.8),\n  color: accentFor(theme, color).main,\n  '&:disabled': { opacity: 0.3 },\n  ...(isOverlay\n    ? {\n        opacity: 0.7,\n        '&:hover': { backgroundColor: theme.palette.background.paper, opacity: 1 },\n      }\n    : { '&:hover': { backgroundColor: theme.palette.background.paper } }),\n});\n\nexport const CarouselArrows: React.FC<CarouselArrowsProps> = (props) => {\n  const {\n    copy, onPrev, onNext, position, disabled, disablePrev, disableNext, color, size, className,\n    style,\n  } = withDefaults(props, ARROWS_DEFAULTS) as CarouselArrowsProps &\n    Required<Pick<CarouselArrowsProps, keyof typeof ARROWS_DEFAULTS>>;\n\n  const theme = useTheme();\n  const sx = arrowSx(theme, color, position === 'overlay');\n  const offset = position === 'outside' ? -40 : 8;\n\n  return (\n    <Box data-testid=\"carousel-navigation\">\n      <IconButton\n        onClick={onPrev}\n        disabled={disabled || disablePrev}\n        size={muiSize(size)}\n        className={className}\n        aria-label={copy.previous}\n        data-testid=\"carousel-prev-button\"\n        sx={{ ...sx, left: offset, ...style }}\n      >\n        <ArrowBackIosIcon />\n      </IconButton>\n\n      <IconButton\n        onClick={onNext}\n        disabled={disabled || disableNext}\n        aria-label={copy.next}\n        size={muiSize(size)}\n        className={className}\n        data-testid=\"carousel-next-button\"\n        sx={{ ...sx, right: offset, ...style }}\n      >\n        <ArrowForwardIosIcon />\n      </IconButton>\n    </Box>\n  );\n};\n\nconst THUMBNAIL_SIZES = { xs: 40, sm: 60, md: 80, lg: 100, xl: 120 } as const;\nconst DEFAULT_THUMBNAIL_SIZE = 60;\n\nconst Thumbnail: React.FC<{\n  item: CarouselItem;\n  index: number;\n  isActive: boolean;\n  side: number;\n  onSelect: () => void;\n}> = ({ item, index, isActive, side, onSelect }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      onClick={onSelect}\n      data-testid={`carousel-thumbnail-${index}`}\n      data-active={isActive}\n      sx={{\n        width: side,\n        height: side,\n        border: `2px solid ${isActive ? theme.palette.primary.main : 'transparent'}`,\n        borderRadius: 1,\n        overflow: 'hidden',\n        cursor: 'pointer',\n        opacity: isActive ? 1 : 0.6,\n        transition: theme.transitions.create(['opacity', 'border-color']),\n        '&:hover': { opacity: 1 },\n      }}\n    >\n      {item.image ? (\n        <Box\n          component=\"img\"\n          src={item.image}\n          alt={item.alt || item.title}\n          sx={{ width: '100%', height: '100%', objectFit: 'cover' }}\n        />\n      ) : (\n        // No image to show, so the slide's number stands in for it.\n        <Box\n          sx={{\n            width: '100%',\n            height: '100%',\n            backgroundColor: theme.palette.grey[300],\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          <Typography variant=\"caption\">{index + 1}</Typography>\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nexport const CarouselThumbnails: React.FC<CarouselThumbnailsProps> = ({\n  items,\n  activeIndex,\n  onSelect,\n  size = 'sm',\n  className,\n  style,\n}) => {\n  const theme = useTheme();\n  const side = THUMBNAIL_SIZES[size as keyof typeof THUMBNAIL_SIZES] ?? DEFAULT_THUMBNAIL_SIZE;\n\n  return (\n    <Box\n      className={className}\n      data-testid=\"carousel-thumbnails\"\n      sx={{\n        position: 'absolute',\n        // Hung below the frame, clear of its own height plus a gap.\n        bottom: -side - 16,\n        left: '50%',\n        transform: 'translateX(-50%)',\n        display: 'flex',\n        gap: 1,\n        p: 1,\n        backgroundColor: alpha(theme.palette.background.paper, 0.9),\n        borderRadius: 1,\n        ...style,\n      }}\n    >\n      {items.map((item, index) => (\n        <Thumbnail\n          key={item.id}\n          item={item}\n          index={index}\n          isActive={index === activeIndex}\n          side={side}\n          onSelect={() => onSelect(index)}\n        />\n      ))}\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/data-display/Carousel/Carousel.parts.tsx"],"sourcesContent":["import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport FiberManualRecordIcon from '@mui/icons-material/FiberManualRecord';\nimport Box from '@mui/material/Box/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { accentFor, muiSize } from '../../../tokens/scales';\n\nimport type {\n  CarouselArrowsProps,\n  CarouselIndicatorsProps,\n  CarouselItem,\n  CarouselThumbnailsProps,\n} from './Carousel.types';\n\ntype IndicatorPosition = NonNullable<CarouselIndicatorsProps['position']>;\ntype IndicatorVariant = NonNullable<CarouselIndicatorsProps['variant']>;\ntype Color = NonNullable<CarouselIndicatorsProps['color']>;\n\n/** Fires `onSelect` for the keys a native button would treat as activation. */\nconst activateOnKey = (onSelect: () => void) => (e: React.KeyboardEvent) => {\n  if (e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault();\n    onSelect();\n  }\n};\n\nconst INDICATOR_POSITIONS = (theme: Theme): Record<IndicatorPosition, CSSObject> => ({\n  top: { top: theme.spacing(2), left: '50%', transform: 'translateX(-50%)' },\n  bottom: { bottom: theme.spacing(2), left: '50%', transform: 'translateX(-50%)' },\n  left: {\n    left: theme.spacing(2),\n    top: '50%',\n    transform: 'translateY(-50%)',\n    flexDirection: 'column',\n  },\n  right: {\n    right: theme.spacing(2),\n    top: '50%',\n    transform: 'translateY(-50%)',\n    flexDirection: 'column',\n  },\n});\n\ninterface IndicatorProps {\n  index: number;\n  isActive: boolean;\n  color: Color;\n  onSelect: () => void;\n}\n\n/** Attributes every indicator variant carries, whatever it draws. */\nconst indicatorAttrs = (index: number, isActive: boolean) => ({\n  'aria-label': `Go to slide ${index + 1}`,\n  'data-testid': `carousel-indicator-${index}`,\n  'data-active': isActive,\n});\n\nconst LineIndicator: React.FC<IndicatorProps> = ({ index, isActive, color, onSelect }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      role=\"button\"\n      tabIndex={0}\n      {...indicatorAttrs(index, isActive)}\n      sx={{\n        width: isActive ? 30 : 20,\n        height: 3,\n        backgroundColor: isActive\n          ? accentFor(theme, color).main\n          : alpha(accentFor(theme, color).main, 0.3),\n        borderRadius: 1.5,\n        transition: theme.transitions.create(['width', 'background-color']),\n        cursor: 'pointer',\n      }}\n      onClick={onSelect}\n      onKeyDown={activateOnKey(onSelect)}\n    />\n  );\n};\n\nconst NumberIndicator: React.FC<IndicatorProps> = ({ index, isActive, color, onSelect }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      role=\"button\"\n      tabIndex={0}\n      {...indicatorAttrs(index, isActive)}\n      sx={{\n        width: 24,\n        height: 24,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        borderRadius: '50%',\n        backgroundColor: isActive ? accentFor(theme, color).main : 'transparent',\n        color: isActive ? accentFor(theme, color).contrastText : accentFor(theme, color).main,\n        border: `1px solid ${accentFor(theme, color).main}`,\n        fontSize: '0.75rem',\n        fontWeight: isActive ? 'bold' : 'normal',\n        cursor: 'pointer',\n        transition: theme.transitions.create(['all']),\n      }}\n      onClick={onSelect}\n      onKeyDown={activateOnKey(onSelect)}\n    >\n      {index + 1}\n    </Box>\n  );\n};\n\nconst DotIndicator: React.FC<IndicatorProps> = ({ index, isActive, color, onSelect }) => {\n  const theme = useTheme();\n\n  return (\n    <IconButton\n      size=\"small\"\n      {...indicatorAttrs(index, isActive)}\n      onClick={onSelect}\n      sx={{\n        p: 0.5,\n        color: isActive ? accentFor(theme, color).main : alpha(accentFor(theme, color).main, 0.3),\n        transform: isActive ? 'scale(1.2)' : 'scale(1)',\n        transition: theme.transitions.create(['transform', 'color']),\n      }}\n    >\n      <FiberManualRecordIcon fontSize=\"small\" />\n    </IconButton>\n  );\n};\n\nconst INDICATORS: Record<IndicatorVariant, React.FC<IndicatorProps>> = {\n  lines: LineIndicator,\n  numbers: NumberIndicator,\n  dots: DotIndicator,\n};\n\nconst INDICATORS_DEFAULTS = {\n  position: 'bottom',\n  color: 'primary',\n  variant: 'dots',\n} satisfies Partial<CarouselIndicatorsProps>;\n\nexport const CarouselIndicators: React.FC<CarouselIndicatorsProps> = (props) => {\n  const { count, activeIndex, onSelect, position, color, variant, className, style } = withDefaults(\n    props,\n    INDICATORS_DEFAULTS,\n  ) as CarouselIndicatorsProps & Required<Pick<CarouselIndicatorsProps, keyof typeof INDICATORS_DEFAULTS>>;\n\n  const theme = useTheme();\n  const Indicator = INDICATORS[variant] ?? DotIndicator;\n\n  return (\n    <Box\n      className={className}\n      data-testid=\"carousel-indicators\"\n      sx={{\n        position: 'absolute',\n        display: 'flex',\n        gap: 1,\n        zIndex: 2,\n        ...(INDICATOR_POSITIONS(theme)[position] ?? INDICATOR_POSITIONS(theme).bottom),\n        ...style,\n      }}\n    >\n      {Array.from({ length: count }).map((_, index) => (\n        <Indicator\n          key={index}\n          index={index}\n          isActive={index === activeIndex}\n          color={color}\n          onSelect={() => onSelect(index)}\n        />\n      ))}\n    </Box>\n  );\n};\n\nconst ARROWS_DEFAULTS = {\n  position: 'overlay',\n  disabled: false,\n  disablePrev: false,\n  disableNext: false,\n  color: 'primary',\n  size: 'md',\n} satisfies Partial<CarouselArrowsProps>;\n\n/**\n * All three positions place the arrow the same way; only `overlay` fades it back\n * until hovered, and only `outside` sits it clear of the frame.\n */\nconst arrowSx = (theme: Theme, color: Color, isOverlay: boolean): CSSObject => ({\n  position: 'absolute',\n  top: '50%',\n  transform: 'translateY(-50%)',\n  zIndex: 3,\n  backgroundColor: alpha(theme.palette.background.paper, 0.8),\n  color: accentFor(theme, color).main,\n  '&:disabled': { opacity: 0.3 },\n  ...(isOverlay\n    ? {\n        opacity: 0.7,\n        '&:hover': { backgroundColor: theme.palette.background.paper, opacity: 1 },\n      }\n    : { '&:hover': { backgroundColor: theme.palette.background.paper } }),\n});\n\nexport const CarouselArrows: React.FC<CarouselArrowsProps> = (props) => {\n  const {\n    copy, onPrev, onNext, position, disabled, disablePrev, disableNext, color, size, className,\n    style,\n  } = withDefaults(props, ARROWS_DEFAULTS) as CarouselArrowsProps &\n    Required<Pick<CarouselArrowsProps, keyof typeof ARROWS_DEFAULTS>>;\n\n  const theme = useTheme();\n  const sx = arrowSx(theme, color, position === 'overlay');\n  const offset = position === 'outside' ? -40 : 8;\n\n  return (\n    <Box data-testid=\"carousel-navigation\">\n      <IconButton\n        onClick={onPrev}\n        disabled={disabled || disablePrev}\n        size={muiSize(size)}\n        className={className}\n        aria-label={copy.previous}\n        data-testid=\"carousel-prev-button\"\n        sx={{ ...sx, left: offset, ...style }}\n      >\n        <ArrowBackIosIcon />\n      </IconButton>\n\n      <IconButton\n        onClick={onNext}\n        disabled={disabled || disableNext}\n        aria-label={copy.next}\n        size={muiSize(size)}\n        className={className}\n        data-testid=\"carousel-next-button\"\n        sx={{ ...sx, right: offset, ...style }}\n      >\n        <ArrowForwardIosIcon />\n      </IconButton>\n    </Box>\n  );\n};\n\nconst THUMBNAIL_SIZES = { xs: 40, sm: 60, md: 80, lg: 100, xl: 120 } as const;\nconst DEFAULT_THUMBNAIL_SIZE = 60;\n\nconst Thumbnail: React.FC<{\n  item: CarouselItem;\n  index: number;\n  isActive: boolean;\n  side: number;\n  onSelect: () => void;\n}> = ({ item, index, isActive, side, onSelect }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      onClick={onSelect}\n      data-testid={`carousel-thumbnail-${index}`}\n      data-active={isActive}\n      sx={{\n        width: side,\n        height: side,\n        border: `2px solid ${isActive ? theme.palette.primary.main : 'transparent'}`,\n        borderRadius: 1,\n        overflow: 'hidden',\n        cursor: 'pointer',\n        opacity: isActive ? 1 : 0.6,\n        transition: theme.transitions.create(['opacity', 'border-color']),\n        '&:hover': { opacity: 1 },\n      }}\n    >\n      {item.image ? (\n        <Box\n          component=\"img\"\n          src={item.image}\n          alt={item.alt || item.title}\n          sx={{ width: '100%', height: '100%', objectFit: 'cover' }}\n        />\n      ) : (\n        // No image to show, so the slide's number stands in for it.\n        <Box\n          sx={{\n            width: '100%',\n            height: '100%',\n            backgroundColor: theme.palette.grey[300],\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          <Typography variant=\"caption\">{index + 1}</Typography>\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nexport const CarouselThumbnails: React.FC<CarouselThumbnailsProps> = ({\n  items,\n  activeIndex,\n  onSelect,\n  size = 'sm',\n  className,\n  style,\n}) => {\n  const theme = useTheme();\n  const side = THUMBNAIL_SIZES[size as keyof typeof THUMBNAIL_SIZES] ?? DEFAULT_THUMBNAIL_SIZE;\n\n  return (\n    <Box\n      className={className}\n      data-testid=\"carousel-thumbnails\"\n      sx={{\n        position: 'absolute',\n        // Hung below the frame, clear of its own height plus a gap.\n        bottom: -side - 16,\n        left: '50%',\n        transform: 'translateX(-50%)',\n        display: 'flex',\n        gap: 1,\n        p: 1,\n        backgroundColor: alpha(theme.palette.background.paper, 0.9),\n        borderRadius: 1,\n        ...style,\n      }}\n    >\n      {items.map((item, index) => (\n        <Thumbnail\n          key={item.id}\n          item={item}\n          index={index}\n          isActive={index === activeIndex}\n          side={side}\n          onSelect={() => onSelect(index)}\n        />\n      ))}\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-6D5WEZ2L.js

@@ -0,0 +1,219 @@
+import {
+  alertEmphasisStyles,
+  alertLayoutStyles,
+  alertVariantStyles,
+  fadeInScale,
+  getColorFromTheme,
+  getVariantIcon
+} from "./chunk-E27Y7FF2.js";
+import {
+  ACTIVE,
+  ALERT_EASING,
+  ALERT_RADIUS_UNITS,
+  ALERT_TRANSITION_MS,
+  CLOSE_BUTTON,
+  CLOSE_DELAY_MS,
+  COLLAPSE_MS,
+  DESCRIPTION,
+  FADE_IN,
+  FOCUS,
+  HOVER,
+  TITLE,
+  seconds
+} from "./chunk-B2Y3BABA.js";
+import {
+  defaultAriaLive,
+  resolveAlertProps,
+  testIdFor
+} from "./chunk-N3QUEBNS.js";
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-QLWBQQW7.js";
+import {
+  px
+} from "./chunk-NQN5Z36J.js";
+
+// src/components/data-display/Alert/Alert.tsx
+import Close from "@mui/icons-material/Close";
+import MuiAlert from "@mui/material/Alert/index.js";
+import AlertTitle from "@mui/material/AlertTitle/index.js";
+import Box from "@mui/material/Box/index.js";
+import Collapse from "@mui/material/Collapse/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var transition = `all ${seconds(ALERT_TRANSITION_MS)} ${ALERT_EASING}`;
+var StyledAlert = styled(MuiAlert, {
+  shouldForwardProp: (prop) => !["customVariant", "customColor", "glow", "pulse", "animate"].includes(prop)
+})(({ theme, customVariant, customColor, glow, pulse, animate }) => {
+  const colorPalette = getColorFromTheme(theme, customColor || customVariant || "info");
+  return {
+    borderRadius: theme.spacing(ALERT_RADIUS_UNITS),
+    transition,
+    position: "relative",
+    overflow: "hidden",
+    animation: animate ? `${fadeInScale} ${seconds(FADE_IN.ms)} ease-out` : "none",
+    willChange: "transform, opacity",
+    ...alertLayoutStyles(theme, colorPalette, animate),
+    // Hover effects
+    "&:hover": {
+      transform: `translateY(-${HOVER.lift}px) scale(${HOVER.scale})`,
+      boxShadow: `0 ${HOVER.shadowY}px ${HOVER.shadowBlur}px ${alpha(colorPalette.main, HOVER.shadowAlpha)}`,
+      transition,
+      ".MuiAlert-icon": {
+        transform: `scale(${HOVER.iconScale}) rotate(${HOVER.iconRotateDeg}deg)`
+      },
+      "&::before": {
+        opacity: 1
+      }
+    },
+    // Active state
+    "&:active": {
+      transform: `translateY(-${ACTIVE.lift}px) scale(${ACTIVE.scale})`,
+      transition: `transform ${seconds(ACTIVE.ms)} ease`
+    },
+    // Focus styles for accessibility
+    "&:focus-within": {
+      outline: `${FOCUS.ringWidth}px solid ${alpha(colorPalette.main, FOCUS.ringAlpha)}`,
+      outlineOffset: `${FOCUS.offset}px`,
+      boxShadow: `0 0 0 ${FOCUS.haloSpread}px ${alpha(colorPalette.main, FOCUS.haloAlpha)}`,
+      transition: `all ${seconds(FOCUS.ms)} ease`
+    },
+    ...alertVariantStyles(theme, customVariant, colorPalette),
+    ...alertEmphasisStyles(colorPalette, Boolean(glow), Boolean(pulse))
+  };
+});
+var MUI_SEVERITY = {
+  danger: "error",
+  glass: "info",
+  gradient: "info"
+};
+var toMuiSeverity = (variant) => MUI_SEVERITY[variant] ?? variant;
+var AlertContent = ({ title, description, dataTestId, children }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  title && /* @__PURE__ */ jsx(
+    AlertTitle,
+    {
+      "data-testid": testIdFor(dataTestId, "title"),
+      sx: {
+        fontWeight: TITLE.fontWeight,
+        fontSize: px(TITLE.fontSize),
+        marginBottom: description ? TITLE.marginBottomUnits : 0,
+        wordWrap: "break-word",
+        overflowWrap: "break-word",
+        wordBreak: "break-word"
+      },
+      children: title
+    }
+  ),
+  description && /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "div",
+      "data-testid": testIdFor(dataTestId, "message"),
+      sx: {
+        opacity: DESCRIPTION.opacity,
+        fontSize: px(DESCRIPTION.fontSize),
+        wordWrap: "break-word",
+        overflowWrap: "break-word",
+        wordBreak: "break-word"
+      },
+      children: description
+    }
+  ),
+  children
+] });
+var AlertCloseButton = ({
+  dataTestId,
+  label,
+  onClose
+}) => /* @__PURE__ */ jsx(
+  IconButton,
+  {
+    "data-testid": testIdFor(dataTestId, "close"),
+    "aria-label": label,
+    color: "inherit",
+    size: "small",
+    onClick: onClose,
+    sx: (theme) => ({
+      transition,
+      opacity: CLOSE_BUTTON.opacity,
+      "&:hover": {
+        transform: `rotate(${CLOSE_BUTTON.hoverRotateDeg}deg) scale(${CLOSE_BUTTON.hoverScale})`,
+        opacity: 1,
+        backgroundColor: alpha(theme.palette.action.hover, CLOSE_BUTTON.washAlpha)
+      },
+      "&:focus": {
+        opacity: 1,
+        outline: "none",
+        backgroundColor: alpha(theme.palette.action.focus, CLOSE_BUTTON.washAlpha)
+      }
+    }),
+    children: /* @__PURE__ */ jsx(Close, { fontSize: "inherit" })
+  }
+);
+function dismissButton(props, dataTestId, onClose) {
+  if (!props.closable) return null;
+  return /* @__PURE__ */ jsx(AlertCloseButton, { dataTestId, label: props.closeLabel, onClose });
+}
+var Alert = React.forwardRef((alertProps, ref) => {
+  const {
+    variant,
+    color,
+    glow,
+    pulse,
+    icon,
+    showIcon,
+    onClose,
+    title,
+    description,
+    children,
+    animate,
+    role,
+    "aria-atomic": ariaAtomic,
+    ...others
+  } = resolveAlertProps(alertProps);
+  const dataTestId = resolveTestId(others, "alert");
+  const props = withoutTestIdProps(others);
+  const ariaLive = alertProps["aria-live"] ?? defaultAriaLive(variant);
+  const [open, setOpen] = React.useState(true);
+  const [isClosing, setIsClosing] = React.useState(false);
+  const handleClose = () => {
+    setIsClosing(true);
+    window.setTimeout(() => {
+      setOpen(false);
+      onClose?.();
+    }, CLOSE_DELAY_MS);
+  };
+  const severity = toMuiSeverity(variant);
+  const displayIcon = showIcon ? /* @__PURE__ */ jsx(Box, { component: "span", "data-testid": testIdFor(dataTestId, "icon"), children: icon || getVariantIcon(variant) }) : false;
+  const content = /* @__PURE__ */ jsx(AlertContent, { title, description, dataTestId, children });
+  return /* @__PURE__ */ jsx(Collapse, { in: open && !isClosing, timeout: COLLAPSE_MS, children: /* @__PURE__ */ jsx(
+    StyledAlert,
+    {
+      ref,
+      "data-testid": dataTestId,
+      severity,
+      customVariant: variant,
+      customColor: color,
+      glow,
+      pulse,
+      animate,
+      icon: displayIcon,
+      role,
+      "aria-live": ariaLive,
+      "aria-atomic": ariaAtomic,
+      tabIndex: 0,
+      action: dismissButton(alertProps, dataTestId, handleClose),
+      ...props,
+      children: content
+    }
+  ) });
+});
+Alert.displayName = "Alert";
+
+export {
+  Alert
+};
+//# sourceMappingURL=chunk-6D5WEZ2L.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Alert/Alert.tsx"],"sourcesContent":["import Close from '@mui/icons-material/Close';\nimport MuiAlert from '@mui/material/Alert/index.js';\nimport AlertTitle from '@mui/material/AlertTitle/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Collapse from '@mui/material/Collapse/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { defaultAriaLive, resolveAlertProps, testIdFor } from './Alert.helpers';\nimport {\n  ACTIVE,\n  ALERT_EASING,\n  ALERT_RADIUS_UNITS,\n  ALERT_TRANSITION_MS,\n  CLOSE_BUTTON,\n  CLOSE_DELAY_MS,\n  COLLAPSE_MS,\n  DESCRIPTION,\n  FADE_IN,\n  FOCUS,\n  HOVER,\n  seconds,\n  TITLE,\n} from './Alert.metrics';\nimport {\n  alertEmphasisStyles,\n  alertLayoutStyles,\n  alertVariantStyles,\n  fadeInScale,\n  getColorFromTheme,\n  getVariantIcon,\n} from './Alert.styles';\nimport type { AlertColor } from '@mui/material/Alert/index.js';\nimport type { AlertProps } from './Alert.types';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { px } from '../../../tokens/theme';\n\nconst transition = `all ${seconds(ALERT_TRANSITION_MS)} ${ALERT_EASING}`;\n\n// Define animations\nconst StyledAlert = styled(MuiAlert, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customColor', 'glow', 'pulse', 'animate'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  animate?: boolean;\n}>(({ theme, customVariant, customColor, glow, pulse, animate }) => {\n  const colorPalette = getColorFromTheme(theme, customColor || customVariant || 'info');\n\n  return {\n    borderRadius: theme.spacing(ALERT_RADIUS_UNITS),\n    transition,\n    position: 'relative',\n    overflow: 'hidden',\n    animation: animate ? `${fadeInScale} ${seconds(FADE_IN.ms)} ease-out` : 'none',\n    willChange: 'transform, opacity',\n\n    ...alertLayoutStyles(theme, colorPalette, animate),\n\n    // Hover effects\n    '&:hover': {\n      transform: `translateY(-${HOVER.lift}px) scale(${HOVER.scale})`,\n      boxShadow: `0 ${HOVER.shadowY}px ${HOVER.shadowBlur}px ${alpha(colorPalette.main, HOVER.shadowAlpha)}`,\n      transition,\n\n      '.MuiAlert-icon': {\n        transform: `scale(${HOVER.iconScale}) rotate(${HOVER.iconRotateDeg}deg)`,\n      },\n\n      '&::before': {\n        opacity: 1,\n      },\n    },\n\n    // Active state\n    '&:active': {\n      transform: `translateY(-${ACTIVE.lift}px) scale(${ACTIVE.scale})`,\n      transition: `transform ${seconds(ACTIVE.ms)} ease`,\n    },\n\n    // Focus styles for accessibility\n    '&:focus-within': {\n      outline: `${FOCUS.ringWidth}px solid ${alpha(colorPalette.main, FOCUS.ringAlpha)}`,\n      outlineOffset: `${FOCUS.offset}px`,\n      boxShadow: `0 0 0 ${FOCUS.haloSpread}px ${alpha(colorPalette.main, FOCUS.haloAlpha)}`,\n      transition: `all ${seconds(FOCUS.ms)} ease`,\n    },\n\n    ...alertVariantStyles(theme, customVariant, colorPalette),\n    ...alertEmphasisStyles(colorPalette, Boolean(glow), Boolean(pulse)),\n  };\n});\n\n// glass and gradient are our own looks with no MUI severity of their own; both\n// borrow info's. danger is MUI's error.\nconst MUI_SEVERITY: Record<string, AlertColor> = {\n  danger: 'error',\n  glass: 'info',\n  gradient: 'info',\n};\n\nconst toMuiSeverity = (variant: string): AlertColor =>\n  MUI_SEVERITY[variant] ?? (variant as AlertColor);\n\nconst AlertContent: React.FC<{\n  title?: AlertProps['title'];\n  description?: AlertProps['description'];\n  dataTestId?: string;\n  children?: React.ReactNode;\n}> = ({ title, description, dataTestId, children }) => (\n  <>\n    {title && (\n      <AlertTitle\n        data-testid={testIdFor(dataTestId, 'title')}\n        sx={{\n          fontWeight: TITLE.fontWeight,\n          fontSize: px(TITLE.fontSize),\n          marginBottom: description ? TITLE.marginBottomUnits : 0,\n          wordWrap: 'break-word',\n          overflowWrap: 'break-word',\n          wordBreak: 'break-word',\n        }}\n      >\n        {title}\n      </AlertTitle>\n    )}\n    {description && (\n      <Box\n        component=\"div\"\n        data-testid={testIdFor(dataTestId, 'message')}\n        sx={{\n          opacity: DESCRIPTION.opacity,\n          fontSize: px(DESCRIPTION.fontSize),\n          wordWrap: 'break-word',\n          overflowWrap: 'break-word',\n          wordBreak: 'break-word',\n        }}\n      >\n        {description}\n      </Box>\n    )}\n    {children}\n  </>\n);\n\nconst AlertCloseButton: React.FC<{ dataTestId?: string; label: string; onClose: () => void }> = ({\n  dataTestId,\n  label,\n  onClose,\n}) => (\n  <IconButton\n    data-testid={testIdFor(dataTestId, 'close')}\n    aria-label={label}\n    color=\"inherit\"\n    size=\"small\"\n    onClick={onClose}\n    sx={(theme) => ({\n      transition,\n      opacity: CLOSE_BUTTON.opacity,\n      '&:hover': {\n        transform: `rotate(${CLOSE_BUTTON.hoverRotateDeg}deg) scale(${CLOSE_BUTTON.hoverScale})`,\n        opacity: 1,\n        backgroundColor: alpha(theme.palette.action.hover, CLOSE_BUTTON.washAlpha),\n      },\n      '&:focus': {\n        opacity: 1,\n        outline: 'none',\n        backgroundColor: alpha(theme.palette.action.focus, CLOSE_BUTTON.washAlpha),\n      },\n    })}\n  >\n    <Close fontSize=\"inherit\" />\n  </IconButton>\n);\n\n/**\n * The dismiss button, or nothing.\n *\n * Reads `closeLabel` straight off the props rather than through the\n * `definedProps` merge, which would widen it to `string | undefined` and hand\n * the button an empty name. The UNION in `AlertProps` guarantees the label\n * wherever `closable` is true — that narrowing is gone inside the component,\n * which is why the fallback below exists and why it is unreachable.\n */\nfunction dismissButton(\n  props: AlertProps,\n  dataTestId: string | undefined,\n  onClose: () => void,\n): React.JSX.Element | null {\n  if (!props.closable) return null;\n  return <AlertCloseButton dataTestId={dataTestId} label={props.closeLabel} onClose={onClose} />;\n}\n\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>((alertProps, ref) => {\n  const {\n    variant,\n    color,\n    glow,\n    pulse,\n    icon,\n    showIcon,\n    onClose,\n    title,\n    description,\n    children,\n    animate,\n    role,\n    'aria-atomic': ariaAtomic,\n    ...others\n  } = resolveAlertProps(alertProps);\n\n  // Every spelling of the test id the shared contract allows, mapped to the\n  // one the DOM reads and defaulted to `alert`; the native Alert does the same.\n  const dataTestId = resolveTestId(others, 'alert');\n  const props = withoutTestIdProps(others);\n\n  // Depends on `variant`, so it cannot live in the static defaults above.\n  const ariaLive = alertProps['aria-live'] ?? defaultAriaLive(variant);\n  const [open, setOpen] = React.useState(true);\n  const [isClosing, setIsClosing] = React.useState(false);\n\n  const handleClose = () => {\n    setIsClosing(true);\n    window.setTimeout(() => {\n      setOpen(false);\n      onClose?.();\n    }, CLOSE_DELAY_MS);\n  };\n\n  const severity = toMuiSeverity(variant);\n\n  const displayIcon = showIcon ? (\n    <Box component=\"span\" data-testid={testIdFor(dataTestId, 'icon')}>\n      {icon || getVariantIcon(variant)}\n    </Box>\n  ) : (\n    false\n  );\n\n  const content = (\n    <AlertContent title={title} description={description} dataTestId={dataTestId}>\n      {children}\n    </AlertContent>\n  );\n\n  return (\n    <Collapse in={open && !isClosing} timeout={COLLAPSE_MS}>\n      <StyledAlert\n        ref={ref}\n        data-testid={dataTestId}\n        severity={severity}\n        customVariant={variant}\n        customColor={color}\n        glow={glow}\n        pulse={pulse}\n        animate={animate}\n        icon={displayIcon}\n        role={role}\n        aria-live={ariaLive}\n        aria-atomic={ariaAtomic}\n        tabIndex={0}\n        action={dismissButton(alertProps, dataTestId, handleClose)}\n        {...props}\n      >\n        {content}\n      </StyledAlert>\n    </Collapse>\n  );\n});\n\nAlert.displayName = 'Alert';\n"],"mappings":"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","names":[]}

package/dist/{chunk-AX7UFG2U.js → chunk-6DXYCXH4.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-IAQFQNBL.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/data-views-select-all-strip.tsx
 import Checkbox from "@mui/material/Checkbox/index.js";
@@ -85,4 +85,4 @@ function SelectAllStrip({
 export {
   SelectAllStrip
 };
-//# sourceMappingURL=chunk-AX7UFG2U.js.map
+//# sourceMappingURL=chunk-6DXYCXH4.js.map

package/dist/chunk-6JAIFIPW.js

@@ -0,0 +1,111 @@
+// src/tokens/color.ts
+var FORMATS = ["rgb", "rgba", "hsl", "hsla"];
+var clamp = (value, min = 0, max = 1) => Math.min(Math.max(min, value), max);
+function hexToRgb(color) {
+  const hex = color.slice(1);
+  const pair = new RegExp(`.{1,${hex.length >= 6 ? 2 : 1}}`, "g");
+  let channels = hex.match(pair);
+  if (channels && channels[0]?.length === 1) {
+    channels = channels.map((channel) => channel + channel);
+  }
+  if (!channels) return "";
+  const parts = channels.map(
+    (channel, index) => index < 3 ? parseInt(channel, 16) : Math.round(parseInt(channel, 16) / 255 * 1e3) / 1e3
+  );
+  return `rgb${channels.length === 4 ? "a" : ""}(${parts.join(", ")})`;
+}
+function decomposeColor(color) {
+  if (color.charAt(0) === "#") {
+    return decomposeColor(hexToRgb(color));
+  }
+  const marker = color.indexOf("(");
+  const type = color.substring(0, marker);
+  if (!FORMATS.includes(type)) {
+    throw new Error(
+      `@12-apps/ui: unsupported colour "${color}". Use #nnn, #nnnnnn, rgb(), rgba(), hsl() or hsla().`
+    );
+  }
+  const values = color.substring(marker + 1, color.length - 1).split(",").map((value) => parseFloat(value));
+  return { type, values };
+}
+function recomposeColor({ type, values }) {
+  const parts = type.startsWith("rgb") ? values.map((value, index) => index < 3 ? Math.trunc(value) : value) : [values[0] ?? 0, `${values[1] ?? 0}%`, `${values[2] ?? 0}%`, ...values.slice(3)];
+  return `${type}(${parts.join(", ")})`;
+}
+function hslToRgb(color) {
+  const { type, values } = decomposeColor(color);
+  const h = values[0] ?? 0;
+  const s = (values[1] ?? 0) / 100;
+  const l = (values[2] ?? 0) / 100;
+  const a = s * Math.min(l, 1 - l);
+  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];
+  if (type === "hsla") {
+    return recomposeColor({ type: "rgba", values: [...rgb, values[3] ?? 1] });
+  }
+  return recomposeColor({ type: "rgb", values: rgb });
+}
+function getLuminance(color) {
+  const decomposed = decomposeColor(color);
+  const channels = decomposed.type.startsWith("hsl") ? decomposeColor(hslToRgb(color)).values : decomposed.values;
+  const [r, g, b] = channels.slice(0, 3).map((value) => {
+    const c = value / 255;
+    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  });
+  return Number((0.2126 * (r ?? 0) + 0.7152 * (g ?? 0) + 0.0722 * (b ?? 0)).toFixed(3));
+}
+function getContrastRatio(foreground, background) {
+  const lumA = getLuminance(foreground);
+  const lumB = getLuminance(background);
+  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
+}
+function alpha(color, value) {
+  const decomposed = decomposeColor(color);
+  const type = decomposed.type.endsWith("a") ? decomposed.type : `${decomposed.type}a`;
+  const values = decomposed.values.slice(0, 3);
+  values[3] = clamp(value);
+  return recomposeColor({ type, values });
+}
+function darken(color, coefficient) {
+  const decomposed = decomposeColor(color);
+  const amount = clamp(coefficient);
+  const values = [...decomposed.values];
+  if (decomposed.type.startsWith("hsl")) {
+    values[2] = (values[2] ?? 0) * (1 - amount);
+  } else {
+    for (let index = 0; index < 3; index += 1) {
+      values[index] = (values[index] ?? 0) * (1 - amount);
+    }
+  }
+  return recomposeColor({ type: decomposed.type, values });
+}
+function lighten(color, coefficient) {
+  const decomposed = decomposeColor(color);
+  const amount = clamp(coefficient);
+  const values = [...decomposed.values];
+  if (decomposed.type.startsWith("hsl")) {
+    values[2] = (values[2] ?? 0) + (100 - (values[2] ?? 0)) * amount;
+  } else {
+    for (let index = 0; index < 3; index += 1) {
+      values[index] = (values[index] ?? 0) + (255 - (values[index] ?? 0)) * amount;
+    }
+  }
+  return recomposeColor({ type: decomposed.type, values });
+}
+function emphasize(color, coefficient = 0.15) {
+  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
+}
+
+export {
+  hexToRgb,
+  decomposeColor,
+  recomposeColor,
+  hslToRgb,
+  getLuminance,
+  getContrastRatio,
+  alpha,
+  darken,
+  lighten,
+  emphasize
+};
+//# sourceMappingURL=chunk-6JAIFIPW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/color.ts"],"sourcesContent":["/**\n * COLOUR ARITHMETIC WITH NO RENDERER BEHIND IT.\n *\n * Every shade the web components paint comes out of MUI's colour manipulator:\n * `lighten(main, 0.2)` is a palette's `light`, `darken(main, 0.3)` its `dark`,\n * `alpha(main, 0.1)` the hover wash on an outline button. A native component\n * that wants the SAME pixel has to run the SAME arithmetic, and it cannot\n * import it — `@mui/material/styles` drags emotion and the DOM in behind it.\n *\n * So the arithmetic lives here, once, with nothing behind it. It is a faithful\n * port of `@mui/system/colorManipulator` (MIT), down to the truncation:\n * `lighten('#6366F1', 0.2)` is `rgb(130, 132, 243)` on both sides because both\n * TRUNCATE 132.6 rather than round it. A port that rounded would be one pixel\n * of tint away from the web on every button, forever, and nothing would flag it.\n *\n * `color()` space strings are deliberately unsupported: nothing in this package\n * emits one, and a smaller surface is a smaller thing to keep identical.\n */\n\nexport type ColorFormat = 'rgb' | 'rgba' | 'hsl' | 'hsla';\n\nexport interface DecomposedColor {\n  type: ColorFormat;\n  values: number[];\n}\n\nconst FORMATS: readonly ColorFormat[] = ['rgb', 'rgba', 'hsl', 'hsla'];\n\nconst clamp = (value: number, min = 0, max = 1): number => Math.min(Math.max(min, value), max);\n\n/** `#rgb`, `#rgba`, `#rrggbb` or `#rrggbbaa` to its `rgb()` / `rgba()` string. */\nexport function hexToRgb(color: string): string {\n  const hex = color.slice(1);\n  const pair = new RegExp(`.{1,${hex.length >= 6 ? 2 : 1}}`, 'g');\n  let channels: string[] | null = hex.match(pair);\n  if (channels && channels[0]?.length === 1) {\n    channels = channels.map((channel) => channel + channel);\n  }\n  if (!channels) return '';\n\n  const parts = channels.map((channel, index) =>\n    index < 3 ? parseInt(channel, 16) : Math.round((parseInt(channel, 16) / 255) * 1000) / 1000,\n  );\n  return `rgb${channels.length === 4 ? 'a' : ''}(${parts.join(', ')})`;\n}\n\n/** Any supported colour string to its type and numeric channels. */\nexport function decomposeColor(color: string): DecomposedColor {\n  if (color.charAt(0) === '#') {\n    return decomposeColor(hexToRgb(color));\n  }\n\n  const marker = color.indexOf('(');\n  const type = color.substring(0, marker) as ColorFormat;\n  if (!FORMATS.includes(type)) {\n    throw new Error(\n      `@12-apps/ui: unsupported colour \"${color}\". Use #nnn, #nnnnnn, rgb(), rgba(), hsl() or hsla().`,\n    );\n  }\n\n  const values = color\n    .substring(marker + 1, color.length - 1)\n    .split(',')\n    .map((value) => parseFloat(value));\n\n  return { type, values };\n}\n\n/** The inverse of {@link decomposeColor}, with MUI's channel truncation. */\nexport function recomposeColor({ type, values }: DecomposedColor): string {\n  const parts: Array<number | string> = type.startsWith('rgb')\n    ? values.map((value, index) => (index < 3 ? Math.trunc(value) : value))\n    : [values[0] ?? 0, `${values[1] ?? 0}%`, `${values[2] ?? 0}%`, ...values.slice(3)];\n\n  return `${type}(${parts.join(', ')})`;\n}\n\n/** An `hsl()` / `hsla()` string to its `rgb()` / `rgba()` equivalent. */\nexport function hslToRgb(color: string): string {\n  const { type, values } = decomposeColor(color);\n  const h = values[0] ?? 0;\n  const s = (values[1] ?? 0) / 100;\n  const l = (values[2] ?? 0) / 100;\n  const a = s * Math.min(l, 1 - l);\n  const f = (n: number, k = (n + h / 30) % 12): number =>\n    l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n\n  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];\n  if (type === 'hsla') {\n    return recomposeColor({ type: 'rgba', values: [...rgb, values[3] ?? 1] });\n  }\n  return recomposeColor({ type: 'rgb', values: rgb });\n}\n\n/** Relative luminance (WCAG 2.0), to three decimals like MUI. */\nexport function getLuminance(color: string): number {\n  const decomposed = decomposeColor(color);\n  const channels = decomposed.type.startsWith('hsl')\n    ? decomposeColor(hslToRgb(color)).values\n    : decomposed.values;\n\n  const [r, g, b] = channels.slice(0, 3).map((value) => {\n    const c = value / 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n\n  return Number((0.2126 * (r ?? 0) + 0.7152 * (g ?? 0) + 0.0722 * (b ?? 0)).toFixed(3));\n}\n\n/** WCAG contrast ratio between two colours, 1 to 21. */\nexport function getContrastRatio(foreground: string, background: string): number {\n  const lumA = getLuminance(foreground);\n  const lumB = getLuminance(background);\n  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n\n/** The colour with its alpha channel set to `value` (0 to 1). */\nexport function alpha(color: string, value: number): string {\n  const decomposed = decomposeColor(color);\n  const type: ColorFormat = decomposed.type.endsWith('a')\n    ? decomposed.type\n    : (`${decomposed.type}a` as ColorFormat);\n  const values = decomposed.values.slice(0, 3);\n  values[3] = clamp(value);\n  return recomposeColor({ type, values });\n}\n\n/** The colour moved `coefficient` (0 to 1) of the way towards black. */\nexport function darken(color: string, coefficient: number): string {\n  const decomposed = decomposeColor(color);\n  const amount = clamp(coefficient);\n  const values = [...decomposed.values];\n\n  if (decomposed.type.startsWith('hsl')) {\n    values[2] = (values[2] ?? 0) * (1 - amount);\n  } else {\n    for (let index = 0; index < 3; index += 1) {\n      values[index] = (values[index] ?? 0) * (1 - amount);\n    }\n  }\n  return recomposeColor({ type: decomposed.type, values });\n}\n\n/** The colour moved `coefficient` (0 to 1) of the way towards white. */\nexport function lighten(color: string, coefficient: number): string {\n  const decomposed = decomposeColor(color);\n  const amount = clamp(coefficient);\n  const values = [...decomposed.values];\n\n  if (decomposed.type.startsWith('hsl')) {\n    values[2] = (values[2] ?? 0) + (100 - (values[2] ?? 0)) * amount;\n  } else {\n    for (let index = 0; index < 3; index += 1) {\n      values[index] = (values[index] ?? 0) + (255 - (values[index] ?? 0)) * amount;\n    }\n  }\n  return recomposeColor({ type: decomposed.type, values });\n}\n\n/** Darken a light colour or lighten a dark one, by `coefficient`. */\nexport function emphasize(color: string, coefficient = 0.15): string {\n  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-X4X4CVWJ.js → chunk-6JZE4IIN.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-F52N6ACD.js";
 import {
   accentFor
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-V5IOLAIS.js";
 
 // src/components/data-display/Sheet/Sheet.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -165,4 +165,4 @@ var panelSx = (input) => {
 export {
   panelSx
 };
-//# sourceMappingURL=chunk-X4X4CVWJ.js.map
+//# sourceMappingURL=chunk-6JZE4IIN.js.map

package/dist/{chunk-HEDOL2RV.js → chunk-72UYVJBQ.js}

@@ -10,10 +10,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-IAQFQNBL.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/DeleteViewDialog.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-HEDOL2RV.js.map
+//# sourceMappingURL=chunk-72UYVJBQ.js.map

package/dist/{chunk-ZDWU52DJ.js → chunk-7AR2R7TV.js}

@@ -1,11 +1,11 @@
+import {
+  renderMenuItem
+} from "./chunk-RXSGHPCR.js";
 import {
   CollapseToggle,
   LogoBar,
   MenuList
 } from "./chunk-Q444G5X7.js";
-import {
-  renderMenuItem
-} from "./chunk-7FOOLP5H.js";
 import {
   slideIn
 } from "./chunk-FYLCSCMR.js";
@@ -113,4 +113,4 @@ var NavigationStandardBody = ({
 export {
   NavigationStandardBody
 };
-//# sourceMappingURL=chunk-ZDWU52DJ.js.map
+//# sourceMappingURL=chunk-7AR2R7TV.js.map

package/dist/{chunk-KVN3K4J3.js → chunk-7DFEKTT7.js}

@@ -1,18 +1,15 @@
+import {
+  MESSAGE_TYPE,
+  SPINNER_SIZES
+} from "./chunk-YSTHOE66.js";
+import {
+  SIZE_VALUES
+} from "./chunk-7ZPUN7TV.js";
+
 // src/components/data-display/LoadingState/LoadingState.helpers.ts
-var SIZE_MAP = {
-  xs: { spinner: 16, text: "body2" },
-  sm: { spinner: 24, text: "body2" },
-  md: { spinner: 40, text: "body1" },
-  lg: { spinner: 56, text: "h6" },
-  xl: { spinner: 64, text: "h6" }
-};
-var SKELETON_ROW_HEIGHT = {
-  xs: 14,
-  sm: 20,
-  md: 28,
-  lg: 36,
-  xl: 44
-};
+var SIZE_MAP = Object.fromEntries(
+  SIZE_VALUES.map((size) => [size, { spinner: SPINNER_SIZES[size], text: MESSAGE_TYPE[size] }])
+);
 var LOADING_STATE_DEFAULTS = {
   variant: "spinner",
   size: "md",
@@ -30,8 +27,7 @@ var makeTestIds = (dataTestId) => ({
 
 export {
   SIZE_MAP,
-  SKELETON_ROW_HEIGHT,
   resolveLoadingStateProps,
   makeTestIds
 };
-//# sourceMappingURL=chunk-KVN3K4J3.js.map
+//# sourceMappingURL=chunk-7DFEKTT7.js.map