@12-apps/ui 6.18.0 → 6.19.0

package/dist/{chunk-77GA5YHQ.js → chunk-43NEBUV3.js}

@@ -1,6 +1,6 @@
 import {
   Alert
-} from "./chunk-C6AZDXEE.js";
+} from "./chunk-6D5WEZ2L.js";
 
 // src/components/data-display/CardKit/card-actions-context.tsx
 import { createContext, useCallback, useContext, useState } from "react";
@@ -54,4 +54,4 @@ export {
   CardActionsProvider,
   useCardActions
 };
-//# sourceMappingURL=chunk-77GA5YHQ.js.map
+//# sourceMappingURL=chunk-43NEBUV3.js.map

package/dist/{chunk-4WK2RTVY.js → chunk-4FRZDSRD.js}

@@ -10,7 +10,7 @@ import {
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-KQ74QU55.js";
+} from "./chunk-QJJUTBKZ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 
 // src/components/data-display/DataViews/data-views-display-panel.tsx
 import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
@@ -261,4 +261,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-4WK2RTVY.js.map
+//# sourceMappingURL=chunk-4FRZDSRD.js.map

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   createConfirmButton
-} from "./chunk-VEFDL77X.js";
+} from "./chunk-QZPNQWS2.js";
 import {
   Dialog,
   DialogContent
@@ -16,7 +16,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -128,4 +128,4 @@ function ManageViewsDialog({
 export {
   ManageViewsDialog
 };
-//# sourceMappingURL=chunk-2EKALM6P.js.map
+//# sourceMappingURL=chunk-4SXZSSVV.js.map

package/dist/{chunk-SKZHOWTS.js → chunk-5SYD23V4.js}

@@ -1,9 +1,9 @@
-import {
-  RichTextEditorToolbar
-} from "./chunk-SE6ERQY5.js";
 import {
   useRichTextEditor
 } from "./chunk-774B27QA.js";
+import {
+  RichTextEditorToolbar
+} from "./chunk-SE6ERQY5.js";
 import {
   fieldEdge
 } from "./chunk-MLOWPVVW.js";
@@ -167,4 +167,4 @@ export {
   RichTextEditor,
   RichTextEditor_default
 };
-//# sourceMappingURL=chunk-SKZHOWTS.js.map
+//# sourceMappingURL=chunk-5SYD23V4.js.map

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-7RZ4WOQW.js → chunk-6DXYCXH4.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -85,4 +85,4 @@ function SelectAllStrip({
 export {
   SelectAllStrip
 };
-//# sourceMappingURL=chunk-7RZ4WOQW.js.map
+//# sourceMappingURL=chunk-6DXYCXH4.js.map

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

@@ -10,7 +10,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -69,4 +69,4 @@ function DeleteViewDialog({
 export {
   DeleteViewDialog
 };
-//# sourceMappingURL=chunk-IJIT5HQP.js.map
+//# sourceMappingURL=chunk-72UYVJBQ.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

package/dist/chunk-7DFEKTT7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/LoadingState/LoadingState.helpers.ts"],"sourcesContent":["import type { LoadingStateBaseProps, LoadingStateSize } from './LoadingState.base';\nimport { MESSAGE_TYPE, SKELETON_ROW_HEIGHT, SPINNER_SIZES } from './LoadingState.metrics';\nimport type { MuiTypeVariantName } from '../../../tokens/mui-type';\nimport { SIZE_VALUES } from '../../../tokens/vocabulary';\n\nexport { SKELETON_ROW_HEIGHT };\n\n// Derived from the shared metrics, not restated: the native `LoadingState`\n// reads the same two tables, so the renderers cannot disagree on a size.\nexport const SIZE_MAP: Record<LoadingStateSize, { spinner: number; text: MuiTypeVariantName }> =\n  Object.fromEntries(\n    SIZE_VALUES.map((size) => [size, { spinner: SPINNER_SIZES[size], text: MESSAGE_TYPE[size] }]),\n  ) as Record<LoadingStateSize, { spinner: number; text: MuiTypeVariantName }>;\n\ntype LoadingStateDefaultedKeys = 'variant' | 'size' | 'skeletonRows';\n\n/**\n * Generic over the renderer's own props: the web and the native `LoadingState`\n * pass different extras through, and both come back out untouched.\n */\ntype ResolvedLoadingStateProps<P extends LoadingStateBaseProps> = P &\n  Required<Pick<LoadingStateBaseProps, LoadingStateDefaultedKeys>>;\n\nconst LOADING_STATE_DEFAULTS: Required<Pick<LoadingStateBaseProps, LoadingStateDefaultedKeys>> = {\n  variant: 'spinner',\n  size: 'md',\n  skeletonRows: 3,\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = <P extends LoadingStateBaseProps>(props: P): Partial<P> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<P>;\n\nexport const resolveLoadingStateProps = <P extends LoadingStateBaseProps>(\n  props: P,\n): ResolvedLoadingStateProps<P> =>\n  ({ ...LOADING_STATE_DEFAULTS, ...definedProps(props) }) as ResolvedLoadingStateProps<P>;\n\n/**\n * Test ids come in three flavours here: the container falls back to a bare\n * `loading-state`, the labelled parts to `loading-state-<part>`, and the\n * skeleton rows to nothing at all when the caller supplied no base id.\n */\nexport const makeTestIds = (dataTestId?: string) => ({\n  base: dataTestId || 'loading-state',\n  optional: (suffix: string): string | undefined =>\n    dataTestId ? `${dataTestId}-${suffix}` : undefined,\n  named: (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `loading-state-${suffix}`,\n});\n\nexport type LoadingStateTestIds = ReturnType<typeof makeTestIds>;\n"],"mappings":";;;;;;;;;AASO,IAAM,WACX,OAAO;AAAA,EACL,YAAY,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,cAAc,IAAI,GAAG,MAAM,aAAa,IAAI,EAAE,CAAC,CAAC;AAC9F;AAWF,IAAM,yBAA2F;AAAA,EAC/F,SAAS;AAAA,EACT,MAAM;AAAA,EACN,cAAc;AAChB;AAIA,IAAM,eAAe,CAAkC,UACrD,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,2BAA2B,CACtC,WAEC,EAAE,GAAG,wBAAwB,GAAG,aAAa,KAAK,EAAE;AAOhD,IAAM,cAAc,CAAC,gBAAyB;AAAA,EACnD,MAAM,cAAc;AAAA,EACpB,UAAU,CAAC,WACT,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK;AAAA,EAC3C,OAAO,CAAC,WACN,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,iBAAiB,MAAM;AACpE;","names":[]}

package/dist/{chunk-VNEEXUWA.js → chunk-7WL24VNI.js}

@@ -1,9 +1,9 @@
-import {
-  NavigationMegaSection
-} from "./chunk-UEJQQVP2.js";
 import {
   NavigationStandardBody
 } from "./chunk-7AR2R7TV.js";
+import {
+  NavigationMegaSection
+} from "./chunk-UEJQQVP2.js";
 import {
   LogoBar,
   NavigationShell
@@ -167,4 +167,4 @@ NavigationMenu.displayName = "NavigationMenu";
 export {
   NavigationMenu
 };
-//# sourceMappingURL=chunk-VNEEXUWA.js.map
+//# sourceMappingURL=chunk-7WL24VNI.js.map

package/dist/{chunk-J54WH74M.js → chunk-AP4FLCLA.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-THBT56JE.js";
 import {
   SelectAllStrip
-} from "./chunk-7RZ4WOQW.js";
+} from "./chunk-6DXYCXH4.js";
 import {
   cardGridTracks
-} from "./chunk-KZSKI2R3.js";
+} from "./chunk-YLDS5FOQ.js";
 import {
   ListCardGroup
 } from "./chunk-LYSSO6WC.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-HEG7JIBM.js";
+} from "./chunk-X5MPHXG5.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -264,4 +264,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-J54WH74M.js.map
+//# sourceMappingURL=chunk-AP4FLCLA.js.map

package/dist/chunk-B2Y3BABA.js

@@ -0,0 +1,136 @@
+import {
+  contrastText
+} from "./chunk-NQN5Z36J.js";
+import {
+  alpha,
+  darken,
+  lighten
+} from "./chunk-6JAIFIPW.js";
+
+// src/components/data-display/Alert/Alert.metrics.ts
+var ALERT_RADIUS_UNITS = 1.5;
+var ALERT_PADDING_UNITS = { vertical: 1.75, horizontal: 2 };
+var ALERT_TRANSITION_MS = 300;
+var ALERT_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+var FADE_IN = { ms: 300, scale: 0.95, lift: 10 };
+var ICON_SPIN = { ms: 600, from: 0.8, mid: 1.1 };
+var COLLAPSE_MS = 300;
+var CLOSE_DELAY_MS = 200;
+var MESSAGE_GAP_UNITS = 1;
+var MESSAGE_FONT_SIZE = 15.2;
+var MESSAGE_LINE_HEIGHT = 1.5;
+var MESSAGE_BUTTON = { marginTopUnits: 0.5, borderAlpha: 0.45 };
+var TITLE = { fontSize: 16.8, fontWeight: 600, marginTop: -2, marginBottomUnits: 0.5 };
+var DESCRIPTION = { fontSize: 14.8, opacity: 0.9 };
+var ICON_SLOT = { size: 22, opacity: 0.9, marginRightUnits: 1.75, paddingTopUnits: 0.25, paddingBottom: 7 };
+var ACTION_SLOT = { paddingLeftUnits: 2, paddingTop: 4, marginRight: -8 };
+var CLOSE_BUTTON = { padding: 5, iconSize: 18, opacity: 0.7, hoverRotateDeg: 90, hoverScale: 1.1, washAlpha: 0.1 };
+var SEMANTIC_SURFACE = { tint: { light: 0.9, dark: 0.8 }, ink: 0.6, borderAlpha: 0.35 };
+var GLASS = { backgroundAlpha: 0.85, borderAlpha: 0.4, blur: 20, saturatePercent: 180 };
+var GRADIENT = {
+  angleDeg: 135,
+  stopAlpha: 0.9,
+  shimmerAlpha: 0.2,
+  shimmerMs: 3e3,
+  shimmerTravel: 1e3,
+  hoverBrightness: 1.1,
+  hoverLift: 2,
+  hoverScale: 1.01
+};
+var GLOW = { blur: 20, spread: 5, alpha: 0.3, brightness: 1.05 };
+var PULSE = { alpha: 0.2, ms: 2e3, spread: 10 };
+var HOVER = { lift: 3, scale: 1.01, shadowY: 8, shadowBlur: 20, shadowAlpha: 0.2, iconScale: 1.15, iconRotateDeg: 10 };
+var ACTIVE = { lift: 1, scale: 0.99, ms: 100 };
+var FOCUS = { ringWidth: 3, ringAlpha: 0.5, offset: 3, haloSpread: 6, haloAlpha: 0.1, ms: 200 };
+var NEUTRAL_GREY = { main: 500, light: 300, dark: 700 };
+var seconds = (ms) => `${ms / 1e3}s`;
+function alertPalette(theme, key) {
+  switch (key) {
+    case "info":
+    case "success":
+    case "warning":
+    case "danger":
+    case "primary":
+    case "secondary":
+      return theme.palette[key];
+    case "neutral":
+      return {
+        main: theme.palette.grey[NEUTRAL_GREY.main],
+        light: theme.palette.grey[NEUTRAL_GREY.light],
+        dark: theme.palette.grey[NEUTRAL_GREY.dark]
+      };
+    default:
+      return theme.palette.info;
+  }
+}
+var SEMANTIC_VARIANTS = /* @__PURE__ */ new Set(["info", "success", "warning", "danger"]);
+function semanticSurface(theme, palette) {
+  const dark = theme.mode === "dark";
+  return {
+    backgroundColor: dark ? darken(palette.main, SEMANTIC_SURFACE.tint.dark) : lighten(palette.main, SEMANTIC_SURFACE.tint.light),
+    color: dark ? lighten(palette.main, SEMANTIC_SURFACE.ink) : darken(palette.main, SEMANTIC_SURFACE.ink),
+    borderColor: alpha(palette.main, SEMANTIC_SURFACE.borderAlpha),
+    iconColor: palette.main
+  };
+}
+function glassSurface(theme) {
+  return {
+    backgroundColor: alpha(theme.palette.background.paper, GLASS.backgroundAlpha),
+    color: theme.palette.text.primary,
+    borderColor: alpha(theme.palette.divider, GLASS.borderAlpha),
+    iconColor: theme.palette.primary.main
+  };
+}
+function gradientStops(palette) {
+  return {
+    from: alpha(palette.light || palette.main, GRADIENT.stopAlpha),
+    to: alpha(palette.dark || palette.main, GRADIENT.stopAlpha)
+  };
+}
+function gradientSurface(palette) {
+  const ink = contrastText(palette.main);
+  return { backgroundColor: gradientStops(palette).from, color: ink, iconColor: ink };
+}
+function alertSurface(theme, variant, palette) {
+  if (variant === "glass") return glassSurface(theme);
+  if (variant === "gradient") return gradientSurface(palette);
+  return semanticSurface(theme, palette);
+}
+
+export {
+  ALERT_RADIUS_UNITS,
+  ALERT_PADDING_UNITS,
+  ALERT_TRANSITION_MS,
+  ALERT_EASING,
+  FADE_IN,
+  ICON_SPIN,
+  COLLAPSE_MS,
+  CLOSE_DELAY_MS,
+  MESSAGE_GAP_UNITS,
+  MESSAGE_FONT_SIZE,
+  MESSAGE_LINE_HEIGHT,
+  MESSAGE_BUTTON,
+  TITLE,
+  DESCRIPTION,
+  ICON_SLOT,
+  ACTION_SLOT,
+  CLOSE_BUTTON,
+  SEMANTIC_SURFACE,
+  GLASS,
+  GRADIENT,
+  GLOW,
+  PULSE,
+  HOVER,
+  ACTIVE,
+  FOCUS,
+  NEUTRAL_GREY,
+  seconds,
+  alertPalette,
+  SEMANTIC_VARIANTS,
+  semanticSurface,
+  glassSurface,
+  gradientStops,
+  gradientSurface,
+  alertSurface
+};
+//# sourceMappingURL=chunk-B2Y3BABA.js.map

package/dist/chunk-B2Y3BABA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Alert/Alert.metrics.ts"],"sourcesContent":["import type { AlertVariant } from './Alert.base';\nimport { alpha, darken, lighten } from '../../../tokens/color';\nimport { contrastText, type UiGreyStep, type UiTheme } from '../../../tokens/theme';\n\n/**\n * THE NUMBERS BOTH `Alert` RENDERERS DRAW WITH.\n *\n * `Alert.styles.tsx` / `Alert.tsx` (MUI) and `Alert.native.tsx` (React\n * Native) read this one table. Spacing is in SPACING UNITS where the web\n * writes `theme.spacing(n)`; durations are ms (the web turns them into `s`\n * through {@link seconds} so its emitted CSS is byte-for-byte what it was);\n * everything else is px, a ratio or an alpha. The hover, active and focus\n * numbers are here too although only the DOM can honour them — a number the\n * web draws with belongs in the table whether or not native can reach it.\n */\n\n/** The root: 12px corners, 14px 16px of padding, one 300ms curve for everything. */\nexport const ALERT_RADIUS_UNITS = 1.5;\nexport const ALERT_PADDING_UNITS = { vertical: 1.75, horizontal: 2 } as const;\nexport const ALERT_TRANSITION_MS = 300;\nexport const ALERT_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';\n\n/** Mount: the web's `fadeInScale` keyframes and the icon's `iconRotate`. */\nexport const FADE_IN = { ms: 300, scale: 0.95, lift: 10 } as const;\nexport const ICON_SPIN = { ms: 600, from: 0.8, mid: 1.1 } as const;\n/** Dismiss: MUI `Collapse` runs 300ms; `onClose` fires 200ms in. */\nexport const COLLAPSE_MS = 300;\nexport const CLOSE_DELAY_MS = 200;\n\n/** The message column: 8px between title, description and children; 0.95rem body on 1.5. */\nexport const MESSAGE_GAP_UNITS = 1;\nexport const MESSAGE_FONT_SIZE = 15.2;\nexport const MESSAGE_LINE_HEIGHT = 1.5;\n/** A control inside the message gets an edge: 4px above, a hairline at 0.45 of the hue. */\nexport const MESSAGE_BUTTON = { marginTopUnits: 0.5, borderAlpha: 0.45 } as const;\n\n/** The title: 1.05rem at 600; MUI's `AlertTitle` lifts it 2px; 4px below it when a description follows. */\nexport const TITLE = { fontSize: 16.8, fontWeight: 600, marginTop: -2, marginBottomUnits: 0.5 } as const;\n/** The description: 0.925rem, slightly faded. */\nexport const DESCRIPTION = { fontSize: 14.8, opacity: 0.9 } as const;\n\n/** The icon slot: MUI's 22px glyph at 0.9, 14px from the words, 2px down (MUI's 7px stays below). */\nexport const ICON_SLOT = { size: 22, opacity: 0.9, marginRightUnits: 1.75, paddingTopUnits: 0.25, paddingBottom: 7 } as const;\n/** The action slot: MUI's `4px 0 0 16px` with the 16px ours, pushed right, 8px into the padding. */\nexport const ACTION_SLOT = { paddingLeftUnits: 2, paddingTop: 4, marginRight: -8 } as const;\n/** The close button: MUI's small `IconButton` (5px padding, 18px glyph) at 0.7. */\nexport const CLOSE_BUTTON = { padding: 5, iconSize: 18, opacity: 0.7, hoverRotateDeg: 90, hoverScale: 1.1, washAlpha: 0.1 } as const;\n\n/**\n * A semantic Alert's surface and ink: an OPAQUE tint of the hue with a dark\n * ink of the same hue — MUI's own `standard` recipe, at its ratios. See\n * `semanticSurface` in `Alert.styles.tsx` for why not `alpha(main, 0.1)`.\n */\nexport const SEMANTIC_SURFACE = { tint: { light: 0.9, dark: 0.8 }, ink: 0.6, borderAlpha: 0.35 } as const;\n/** `glass`: 85% paper under a 20px blur, a 0.4 divider hairline. */\nexport const GLASS = { backgroundAlpha: 0.85, borderAlpha: 0.4, blur: 20, saturatePercent: 180 } as const;\n/** `gradient`: light→dark at 0.9 along 135°, a 0.2 white shimmer sweeping 1000px every 3s. */\nexport const GRADIENT = {\n  angleDeg: 135,\n  stopAlpha: 0.9,\n  shimmerAlpha: 0.2,\n  shimmerMs: 3000,\n  shimmerTravel: 1000,\n  hoverBrightness: 1.1,\n  hoverLift: 2,\n  hoverScale: 1.01,\n} as const;\n\n/** Emphasis: the glow's shadow and brightness, the pulse's wash. */\nexport const GLOW = { blur: 20, spread: 5, alpha: 0.3, brightness: 1.05 } as const;\nexport const PULSE = { alpha: 0.2, ms: 2000, spread: 10 } as const;\n\n/** Pointer states — DOM only, kept so the web derives them. */\nexport const HOVER = { lift: 3, scale: 1.01, shadowY: 8, shadowBlur: 20, shadowAlpha: 0.2, iconScale: 1.15, iconRotateDeg: 10 } as const;\nexport const ACTIVE = { lift: 1, scale: 0.99, ms: 100 } as const;\nexport const FOCUS = { ringWidth: 3, ringAlpha: 0.5, offset: 3, haloSpread: 6, haloAlpha: 0.1, ms: 200 } as const;\n\n/** `neutral` has no palette slot; the web has always drawn it from three greys. */\nexport const NEUTRAL_GREY: Record<'main' | 'light' | 'dark', UiGreyStep> = { main: 500, light: 300, dark: 700 };\n\n/** A duration as the CSS the web has always emitted: `2000` → `2s`, `300` → `0.3s`. */\nexport const seconds = (ms: number): string => `${ms / 1000}s`;\n\n/** The palette shape the web's `getColorFromTheme` returns — a main plus optional shades. */\nexport interface AlertPalette {\n  main: string;\n  light?: string;\n  dark?: string;\n}\n\n/**\n * The renderer-free twin of the web's `getColorFromTheme`: a variant or\n * colour name to its palette, `neutral` from the greys, anything unknown\n * (`glass`, `gradient`) to `info`.\n */\nexport function alertPalette(theme: UiTheme, key: string | undefined): AlertPalette {\n  switch (key) {\n    case 'info':\n    case 'success':\n    case 'warning':\n    case 'danger':\n    case 'primary':\n    case 'secondary':\n      return theme.palette[key];\n    case 'neutral':\n      return {\n        main: theme.palette.grey[NEUTRAL_GREY.main],\n        light: theme.palette.grey[NEUTRAL_GREY.light],\n        dark: theme.palette.grey[NEUTRAL_GREY.dark],\n      };\n    default:\n      return theme.palette.info;\n  }\n}\n\n/** What a variant paints: its fill, its ink, its hairline if any, and the colour of its glyph. */\nexport interface AlertSurface {\n  backgroundColor: string;\n  color: string;\n  borderColor?: string;\n  iconColor: string;\n}\n\nexport const SEMANTIC_VARIANTS: ReadonlySet<AlertVariant> = new Set(['info', 'success', 'warning', 'danger']);\n\n/** The opaque tint and same-hue ink, inverted for dark mode; the hairline keeps its alpha. */\nexport function semanticSurface(theme: UiTheme, palette: AlertPalette): AlertSurface {\n  const dark = theme.mode === 'dark';\n  return {\n    backgroundColor: dark\n      ? darken(palette.main, SEMANTIC_SURFACE.tint.dark)\n      : lighten(palette.main, SEMANTIC_SURFACE.tint.light),\n    color: dark ? lighten(palette.main, SEMANTIC_SURFACE.ink) : darken(palette.main, SEMANTIC_SURFACE.ink),\n    borderColor: alpha(palette.main, SEMANTIC_SURFACE.borderAlpha),\n    iconColor: palette.main,\n  };\n}\n\nexport function glassSurface(theme: UiTheme): AlertSurface {\n  return {\n    backgroundColor: alpha(theme.palette.background.paper, GLASS.backgroundAlpha),\n    color: theme.palette.text.primary,\n    borderColor: alpha(theme.palette.divider, GLASS.borderAlpha),\n    iconColor: theme.palette.primary.main,\n  };\n}\n\n/** The gradient's two stops; a renderer with no gradient fill paints `from`. */\nexport function gradientStops(palette: AlertPalette): { from: string; to: string } {\n  return {\n    from: alpha(palette.light || palette.main, GRADIENT.stopAlpha),\n    to: alpha(palette.dark || palette.main, GRADIENT.stopAlpha),\n  };\n}\n\nexport function gradientSurface(palette: AlertPalette): AlertSurface {\n  const ink = contrastText(palette.main);\n  return { backgroundColor: gradientStops(palette).from, color: ink, iconColor: ink };\n}\n\n/** The surface for a variant, `glass` and `gradient` included. */\nexport function alertSurface(theme: UiTheme, variant: AlertVariant, palette: AlertPalette): AlertSurface {\n  if (variant === 'glass') return glassSurface(theme);\n  if (variant === 'gradient') return gradientSurface(palette);\n  return semanticSurface(theme, palette);\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-IE7ISTLQ.js → chunk-B443IIQG.js}

@@ -1,9 +1,9 @@
-import {
-  SettingsSectionHeader
-} from "./chunk-4M6CEQVK.js";
 import {
   SettingsSectionChips
 } from "./chunk-SVSOUC5S.js";
+import {
+  SettingsSectionHeader
+} from "./chunk-4M6CEQVK.js";
 import {
   TOUCH_TARGET,
   atLeastRail,
@@ -164,4 +164,4 @@ function SettingsPanel({
 export {
   SettingsPanel
 };
-//# sourceMappingURL=chunk-IE7ISTLQ.js.map
+//# sourceMappingURL=chunk-B443IIQG.js.map

package/dist/{chunk-EPNCYUQ7.js → chunk-BPYPUEM5.js}

@@ -1,12 +1,12 @@
+import {
+  useCalendar
+} from "./chunk-ISW5K72V.js";
 import {
   resolveCalendarProps
 } from "./chunk-SUALMVL7.js";
 import {
   CalendarMonth
-} from "./chunk-PUBPZOQJ.js";
-import {
-  useCalendar
-} from "./chunk-2ZRZTGWP.js";
+} from "./chunk-IPE5FFFD.js";
 
 // src/components/form/Calendar/Calendar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -83,4 +83,4 @@ export {
   Calendar,
   Calendar_default
 };
-//# sourceMappingURL=chunk-EPNCYUQ7.js.map
+//# sourceMappingURL=chunk-BPYPUEM5.js.map