@12-apps/ui 6.54.0 → 6.55.0

package/dist/chunk-3LHZCVGM.js

@@ -0,0 +1,136 @@
+import {
+  contrastText
+} from "./chunk-44BD7SFH.js";
+import {
+  alpha,
+  darken,
+  lighten
+} from "./chunk-F5H2ZXST.js";
+import {
+  NEUTRAL_RAMP
+} from "./chunk-N3GAFIXG.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, 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
+};
+var GLOW = { blur: 20, spread: 5, alpha: 0.3, brightness: 1.05 };
+var PULSE = { alpha: 0.2, ms: 2e3, spread: 10 };
+var HOVER = { tintAlpha: 0.06 };
+var ACTIVE = { tintAlpha: 0.2, ms: 250 };
+var FOCUS = { ringWidth: 2, ringAlpha: 1, offset: 2 };
+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: NEUTRAL_RAMP[NEUTRAL_GREY.main],
+        light: NEUTRAL_RAMP[NEUTRAL_GREY.light],
+        dark: NEUTRAL_RAMP[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-3LHZCVGM.js.map

package/dist/chunk-3NGE6NE6.js

@@ -0,0 +1,47 @@
+import {
+  darken,
+  decomposeColor,
+  getContrastRatio,
+  getLuminance,
+  hslToRgb,
+  lighten,
+  recomposeColor
+} from "./chunk-F5H2ZXST.js";
+
+// src/tokens/field-edge.core.ts
+var MIN_UI_CONTRAST = 3;
+var STEP = 0.05;
+var MAX_STEPS = 20;
+function channels(colour) {
+  const decomposed = decomposeColor(colour);
+  const rgb = decomposed.type.startsWith("hsl") ? decomposeColor(hslToRgb(colour)) : decomposed;
+  const [r, g, b, a] = rgb.values;
+  return [r ?? 0, g ?? 0, b ?? 0, a ?? 1];
+}
+function flatten(colour, surface) {
+  const [r, g, b, alpha] = channels(colour);
+  if (alpha >= 1) return recomposeColor({ type: "rgb", values: [r, g, b] });
+  const [baseR, baseG, baseB] = channels(surface);
+  const blend = (fg, bg) => Math.round(alpha * fg + (1 - alpha) * bg);
+  return recomposeColor({
+    type: "rgb",
+    values: [blend(r, baseR), blend(g, baseG), blend(b, baseB)]
+  });
+}
+function resolveFieldEdge(divider, surface) {
+  const ground = flatten(surface, "#FFFFFF");
+  const seed = flatten(divider, ground);
+  if (getContrastRatio(seed, ground) >= MIN_UI_CONTRAST) return seed;
+  const away = getLuminance(ground) > 0.5 ? darken : lighten;
+  for (let step = 1; step <= MAX_STEPS; step += 1) {
+    const candidate = away(seed, step * STEP);
+    if (getContrastRatio(candidate, ground) >= MIN_UI_CONTRAST) return candidate;
+  }
+  return getLuminance(ground) > 0.5 ? "#000000" : "#FFFFFF";
+}
+
+export {
+  MIN_UI_CONTRAST,
+  resolveFieldEdge
+};
+//# sourceMappingURL=chunk-3NGE6NE6.js.map

package/dist/chunk-3UQMIFPA.js

@@ -0,0 +1,220 @@
+import {
+  EN_US_SOCIAL_LOGIN_COPY
+} from "./chunk-INGPH3YQ.js";
+import {
+  Heading
+} from "./chunk-63D2UYRJ.js";
+import {
+  Separator
+} from "./chunk-RWXYND4H.js";
+import {
+  Card,
+  CardContent
+} from "./chunk-J2QIICWP.js";
+import {
+  Button
+} from "./chunk-JE6FNSQV.js";
+import {
+  Text
+} from "./chunk-AJBRO76D.js";
+import {
+  uiInk
+} from "./chunk-SSX5ITPM.js";
+import {
+  rem,
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/social-login-button/social-login-button.tsx
+import * as React from "react";
+import Box from "@mui/material/Box/index.js";
+import Stack from "@mui/material/Stack/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var logoStyle = (theme) => ({ width: rem(theme, 20), height: rem(theme, 20) });
+var GoogleIcon = () => {
+  const theme = useTheme();
+  const logo = uiInk(theme).socialBrand.googleLogo;
+  return /* @__PURE__ */ jsxs("svg", { style: logoStyle(theme), viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",
+        fill: logo.blue
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",
+        fill: logo.green
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",
+        fill: logo.yellow
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",
+        fill: logo.red
+      }
+    )
+  ] });
+};
+var FacebookIcon = () => {
+  const theme = useTheme();
+  const { logo } = uiInk(theme).socialBrand.facebook;
+  return /* @__PURE__ */ jsx("svg", { style: logoStyle(theme), viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.792-4.668 4.533-4.668 1.312 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12z",
+      fill: logo
+    }
+  ) });
+};
+var AppleIcon = () => /* @__PURE__ */ jsx("svg", { style: logoStyle(useTheme()), viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }) });
+var GOOGLE_LOGO_WHEN_DISABLED_SX = {
+  "&.Mui-disabled .MuiButton-startIcon": {
+    filter: "brightness(0)",
+    opacity: (theme) => theme.palette.action.disabledOpacity
+  }
+};
+var FACEBOOK_LOGO_IN_BUTTON_COLOUR_SX = {
+  "& .MuiButton-startIcon path": { fill: "currentColor" }
+};
+var brand = (pick) => (theme) => pick(uiInk(theme).socialBrand);
+var providerConfig = {
+  google: {
+    Icon: GoogleIcon,
+    variant: "outline",
+    color: "neutral",
+    sx: {
+      backgroundColor: brand((c) => c.google.background),
+      color: brand((c) => c.google.text),
+      borderColor: brand((c) => c.google.border),
+      "&:hover": {
+        backgroundColor: brand((c) => c.google.hover),
+        borderColor: brand((c) => c.google.hoverBorder)
+      },
+      ...GOOGLE_LOGO_WHEN_DISABLED_SX
+    }
+  },
+  facebook: {
+    Icon: FacebookIcon,
+    variant: "solid",
+    color: "primary",
+    sx: {
+      backgroundColor: brand((c) => c.facebook.background),
+      color: brand((c) => c.facebook.text),
+      "&:hover": {
+        backgroundColor: brand((c) => c.facebook.hover)
+      },
+      ...FACEBOOK_LOGO_IN_BUTTON_COLOUR_SX
+    }
+  },
+  apple: {
+    Icon: AppleIcon,
+    variant: "solid",
+    color: "neutral",
+    sx: {
+      backgroundColor: brand((c) => c.apple.background),
+      color: brand((c) => c.apple.text),
+      "&:hover": {
+        backgroundColor: brand((c) => c.apple.hover)
+      }
+    }
+  }
+};
+var ICON_ONLY_SX = {
+  justifyContent: "center",
+  gap: 0,
+  "& .MuiButton-startIcon": { margin: 0 }
+};
+var SocialLoginButton = React.forwardRef(
+  ({
+    provider,
+    onClick,
+    loading = false,
+    disabled = false,
+    fullWidth = true,
+    copy = EN_US_SOCIAL_LOGIN_COPY,
+    dataTestId,
+    iconOnly = false
+  }, ref) => {
+    const config = providerConfig[provider];
+    const label = copy[provider];
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ref,
+        variant: config.variant,
+        color: config.color,
+        size: "lg",
+        loading,
+        disabled,
+        onClick,
+        icon: /* @__PURE__ */ jsx(config.Icon, {}),
+        dataTestId,
+        fullWidth,
+        ...iconOnly ? { "aria-label": label, title: label } : {},
+        sx: {
+          minHeight: sxRem(48),
+          justifyContent: "flex-start",
+          gap: 2,
+          ...iconOnly ? ICON_ONLY_SX : {},
+          ...config.sx
+        },
+        children: iconOnly ? void 0 : label
+      }
+    );
+  }
+);
+SocialLoginButton.displayName = "SocialLoginButton";
+function cardMaxWidth(theme, value) {
+  if (typeof value !== "number") return value;
+  return value <= 1 && value !== 0 ? `${value * 100}%` : rem(theme, value);
+}
+function SocialLoginContainer({
+  children,
+  title = "Sign in to continue",
+  subtitle,
+  showDivider = false,
+  dividerText = "or",
+  maxWidth
+}) {
+  const theme = useTheme();
+  return (
+    // `width: 100%` is what makes the cap below mean anything. Every caller
+    // centres this card in a flex column (`Container variant="centered"` does),
+    // and a flex item under `align-items: center` sizes to its CONTENT — so the
+    // card sat at whatever the longest label happened to need, ~267px, at every
+    // viewport from 390 to 1280. The 400 was never reached, which is why raising
+    // it would have changed nothing; the card had no width to cap.
+    /* @__PURE__ */ jsx(Card, { variant: "elevated", borderRadius: "lg", sx: { width: "100%", maxWidth: cardMaxWidth(theme, maxWidth ?? 400) }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 3, sx: { width: "100%" }, children: [
+      title && /* @__PURE__ */ jsxs(Box, { sx: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", children: title }),
+        subtitle && /* @__PURE__ */ jsx(Text, { color: "secondary", size: "sm", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsx(Stack, { spacing: 2, children }),
+      showDivider && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsx(Text, { color: "secondary", size: "sm", children: dividerText }),
+        /* @__PURE__ */ jsx(Separator, {})
+      ] })
+    ] }) }) })
+  );
+}
+
+export {
+  GoogleIcon,
+  FacebookIcon,
+  AppleIcon,
+  SocialLoginButton,
+  SocialLoginContainer
+};
+//# sourceMappingURL=chunk-3UQMIFPA.js.map

package/dist/chunk-3Y7LSMGV.js

@@ -0,0 +1,110 @@
+import {
+  fieldHeight
+} from "./chunk-RGVNXES5.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/layout/ContentToolbar/ViewSelector.tsx
+import CheckIcon from "@mui/icons-material/Check";
+import ChevronDownIcon from "@mui/icons-material/KeyboardArrowDown";
+import GridIcon from "@mui/icons-material/GridViewOutlined";
+import ListIcon from "@mui/icons-material/FormatListBulletedRounded";
+import Box from "@mui/material/Box/index.js";
+import Button from "@mui/material/Button/index.js";
+import ListItemIcon from "@mui/material/ListItemIcon/index.js";
+import ListItemText from "@mui/material/ListItemText/index.js";
+import Menu from "@mui/material/Menu/index.js";
+import MenuItem from "@mui/material/MenuItem/index.js";
+import Slider from "@mui/material/Slider/index.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var VIEW_OPTIONS = [
+  { value: "grid", label: "Grid View", icon: GridIcon },
+  { value: "list", label: "List View", icon: ListIcon }
+];
+function ViewSelector({
+  viewMode,
+  onViewModeChange,
+  zoom,
+  onZoomChange,
+  cardSizeLabel
+}) {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const open = Boolean(anchorEl);
+  const activeOption = VIEW_OPTIONS.find((option) => option.value === viewMode) ?? VIEW_OPTIONS[0];
+  const ActiveIcon = activeOption.icon;
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1.5 }, children: [
+    viewMode === "grid" && /* @__PURE__ */ jsx(Box, { sx: { width: sxRem(96), display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(
+      Slider,
+      {
+        "data-testid": "resize-card-slider",
+        "aria-label": cardSizeLabel,
+        value: zoom[0] ?? 0,
+        onChange: (_, value) => onZoomChange([value]),
+        min: 0,
+        max: 100,
+        step: 1,
+        size: "small"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        "data-testid": "view-mode-btn",
+        variant: "text",
+        size: "small",
+        color: "inherit",
+        "aria-label": activeOption.label,
+        "aria-haspopup": "menu",
+        "aria-expanded": open,
+        onClick: (event) => setAnchorEl(event.currentTarget),
+        sx: { minWidth: 0, height: fieldHeight, px: 1, gap: 1, borderRadius: fieldRadiusPx, color: "text.secondary" },
+        children: [
+          /* @__PURE__ */ jsx(ActiveIcon, { sx: { fontSize: sxRem(16) } }),
+          /* @__PURE__ */ jsx(ChevronDownIcon, { sx: { fontSize: sxRem(14) } })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Menu,
+      {
+        anchorEl,
+        open,
+        onClose: () => setAnchorEl(null),
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        slotProps: { paper: { sx: { minWidth: sxRem(180) } } },
+        children: VIEW_OPTIONS.map((option) => {
+          const OptionIcon = option.icon;
+          const selected = viewMode === option.value;
+          return /* @__PURE__ */ jsxs(
+            MenuItem,
+            {
+              "data-testid": `view-mode-${option.value}`,
+              onClick: () => {
+                onViewModeChange(option.value);
+                setAnchorEl(null);
+              },
+              sx: { gap: 1.5 },
+              children: [
+                /* @__PURE__ */ jsx(ListItemText, { children: option.label }),
+                /* @__PURE__ */ jsx(OptionIcon, { sx: { fontSize: sxRem(16), color: "text.secondary" } }),
+                /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: "auto !important" }, children: /* @__PURE__ */ jsx(CheckIcon, { sx: { fontSize: sxRem(16), color: selected ? "text.primary" : "transparent" } }) })
+              ]
+            },
+            option.value
+          );
+        })
+      }
+    )
+  ] });
+}
+
+export {
+  ViewSelector
+};
+//# sourceMappingURL=chunk-3Y7LSMGV.js.map

package/dist/chunk-3YKKMZ3J.js

@@ -0,0 +1,46 @@
+import {
+  ConfirmActionDialog
+} from "./chunk-2FGWKMW2.js";
+import {
+  useConfirmAction
+} from "./chunk-EMYESBIT.js";
+
+// src/components/data-display/CardKit/use-row-confirm.tsx
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function useRowConfirm({
+  write,
+  describe,
+  dataTestId,
+  errorText,
+  copy
+}) {
+  const [target, setTarget] = useState(null);
+  const state = useConfirmAction(async () => {
+    if (!target) return;
+    await write(target);
+    setTarget(null);
+  }, errorText);
+  const request = (rows) => {
+    if (rows.length === 0) return;
+    setTarget(rows);
+    state.request();
+  };
+  return {
+    request,
+    dialog: target ? /* @__PURE__ */ jsx(
+      ConfirmActionDialog,
+      {
+        state,
+        copy,
+        ...describe(target),
+        dataTestId
+      }
+    ) : null
+  };
+}
+
+export {
+  useRowConfirm
+};
+//# sourceMappingURL=chunk-3YKKMZ3J.js.map

package/dist/chunk-44BD7SFH.js

@@ -0,0 +1,33 @@
+import {
+  getContrastRatio
+} from "./chunk-F5H2ZXST.js";
+
+// src/tokens/ink-over.ts
+var CONTRAST_THRESHOLD = 3;
+var DARK_TEXT_PRIMARY = "rgba(0, 0, 0, 0.87)";
+var LIGHT_TEXT_PRIMARY = "#fff";
+function contrastText(background) {
+  return getContrastRatio(background, LIGHT_TEXT_PRIMARY) >= CONTRAST_THRESHOLD ? LIGHT_TEXT_PRIMARY : DARK_TEXT_PRIMARY;
+}
+var INK_CHANGE_MARGIN = 0.5;
+var INK_CHANGE_FLOOR = CONTRAST_THRESHOLD;
+function inkOver(fills, incumbent) {
+  try {
+    const worstCase = (ink) => Math.min(...fills.map((fill) => getContrastRatio(ink, fill)));
+    const better = worstCase(LIGHT_TEXT_PRIMARY) >= worstCase(DARK_TEXT_PRIMARY) ? LIGHT_TEXT_PRIMARY : DARK_TEXT_PRIMARY;
+    const held = worstCase(incumbent);
+    const gain = worstCase(better) - held;
+    return gain >= INK_CHANGE_MARGIN || held < INK_CHANGE_FLOOR ? better : incumbent;
+  } catch {
+    return incumbent;
+  }
+}
+
+export {
+  CONTRAST_THRESHOLD,
+  DARK_TEXT_PRIMARY,
+  LIGHT_TEXT_PRIMARY,
+  contrastText,
+  inkOver
+};
+//# sourceMappingURL=chunk-44BD7SFH.js.map

package/dist/chunk-46ZATLQV.js

@@ -0,0 +1,55 @@
+import {
+  SectionNavRail
+} from "./chunk-53ACGKBW.js";
+import {
+  SectionNavBar
+} from "./chunk-VWW2EXH7.js";
+
+// src/components/navigation/SectionNav/SectionNav.tsx
+import { jsx } from "react/jsx-runtime";
+function SectionNav({
+  layout,
+  label,
+  destinations,
+  primary,
+  more,
+  back,
+  heading,
+  linkComponent,
+  copy,
+  dataTestId = "section-nav"
+}) {
+  if (layout === "rail") {
+    return /* @__PURE__ */ jsx(
+      SectionNavRail,
+      {
+        label,
+        destinations,
+        primary,
+        more,
+        back,
+        heading,
+        linkComponent,
+        copy,
+        dataTestId
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    SectionNavBar,
+    {
+      label,
+      destinations,
+      primary,
+      more,
+      linkComponent,
+      copy,
+      dataTestId
+    }
+  );
+}
+
+export {
+  SectionNav
+};
+//# sourceMappingURL=chunk-46ZATLQV.js.map