@12-apps/ui 6.54.1 → 6.55.0

package/dist/chunk-NEHCU3EZ.js

@@ -0,0 +1,183 @@
+import {
+  dynamicViewportHeight
+} from "./chunk-AKZWDZCZ.js";
+import {
+  scrim
+} from "./chunk-SSX5ITPM.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/feedback/StackedModal/StackedModal.styles.ts
+import { alpha } from "@mui/material/styles/index.js";
+var STYLE_ONLY_PROPS = ["modalRole", "isAnimating", "glass", "rtl", "customMaxWidth", "panelSize"];
+var MAX_WIDTH_PX = {
+  xs: 444,
+  sm: 600,
+  md: 960,
+  lg: 1280,
+  xl: 1920
+};
+var BACKDROP_ALPHA_BY_ROLE = {
+  secondary: 0.3,
+  background: 0.1
+};
+var ANIMATION_BY_ROLE = {
+  secondary: "expandModal 300ms ease-in-out forwards",
+  primary: "contractModal 300ms ease-in-out forwards"
+};
+var WIDE_ANIMATION_BY_ROLE = {
+  secondary: "expandModalWide 300ms ease-in-out forwards",
+  primary: "contractModalWide 300ms ease-in-out forwards"
+};
+var KEYFRAMES = {
+  "@keyframes expandModal": {
+    from: { width: "60vw", transform: "translateX(0)" },
+    to: { width: "100vw", transform: "translateX(0)" }
+  },
+  "@keyframes contractModal": {
+    from: { width: "100vw", transform: "translateX(0)" },
+    to: { width: "60vw", transform: "translateX(0)" }
+  },
+  "@keyframes expandModalWide": {
+    from: { width: "90vw", transform: "translateX(0)" },
+    to: { width: "100vw", transform: "translateX(0)" }
+  },
+  "@keyframes contractModalWide": {
+    from: { width: "100vw", transform: "translateX(0)" },
+    to: { width: "90vw", transform: "translateX(0)" }
+  }
+};
+var cap = (customMaxWidth) => customMaxWidth ? MAX_WIDTH_PX[customMaxWidth] : null;
+var panelWidth = (theme, share, capPx) => capPx ? { width: `min(${share}, ${rem(theme, capPx)})`, maxWidth: rem(theme, capPx) } : { width: share, maxWidth: share };
+var backdropStyles = (theme, modalRole) => ({
+  backgroundColor: scrim(theme, (modalRole && BACKDROP_ALPHA_BY_ROLE[modalRole]) ?? 0.5),
+  backdropFilter: modalRole === "primary" ? `blur(${rem(theme, 4)})` : "none"
+});
+var primaryPanelStyles = (theme, capPx) => ({
+  [theme.breakpoints.down("sm")]: panelWidth(theme, "100%", capPx),
+  [theme.breakpoints.between("sm", "lg")]: panelWidth(theme, "80vw", capPx),
+  [theme.breakpoints.up("lg")]: panelWidth(theme, "60vw", capPx),
+  // A viewport width, in the theme's breakpoint unit like the three above.
+  [theme.breakpoints.up(2200)]: panelWidth(theme, "40vw", capPx)
+});
+var widePrimaryPanelStyles = (theme, capPx) => ({
+  [theme.breakpoints.down("sm")]: panelWidth(theme, "100%", capPx),
+  [theme.breakpoints.between("sm", "xl")]: panelWidth(theme, "90vw", capPx),
+  [theme.breakpoints.up("xl")]: panelWidth(theme, "75vw", capPx),
+  [theme.breakpoints.up(2200)]: panelWidth(theme, "60vw", capPx)
+});
+var secondaryPanelStyles = () => ({
+  width: "100vw !important",
+  maxWidth: "100vw !important",
+  right: "0 !important",
+  top: "0 !important",
+  ...dynamicViewportHeight("height", "maxHeight"),
+  borderRadius: "0 !important",
+  opacity: 0.95,
+  transform: "scale(1)"
+});
+var rolePanelStyles = (theme, role, capPx, size) => {
+  if (role === "primary") {
+    return size === "wide" ? widePrimaryPanelStyles(theme, capPx) : primaryPanelStyles(theme, capPx);
+  }
+  if (role === "secondary") return secondaryPanelStyles();
+  if (role === "background") return { display: "none" };
+  return {};
+};
+var glassStyles = (theme, glass, role) => glass && role === "primary" ? {
+  backgroundColor: alpha(theme.palette.background.paper, 0.85),
+  backdropFilter: `blur(${rem(theme, 10)})`,
+  WebkitBackdropFilter: `blur(${rem(theme, 10)})`,
+  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`
+} : {};
+var animationStyles = (isAnimating, role, size) => {
+  const byRole = size === "wide" ? WIDE_ANIMATION_BY_ROLE : ANIMATION_BY_ROLE;
+  return isAnimating ? { animation: (role && byRole[role]) ?? "none" } : {};
+};
+var panelBaseStyles = (theme) => ({
+  margin: 0,
+  position: "fixed",
+  right: 0,
+  top: 0,
+  // Pinned to the DYNAMIC viewport: on iOS a `100vh` panel runs underneath the
+  // browser toolbar, which parks the tail of the scroll area (the submit row)
+  // out of reach. See `dynamicViewportHeight`.
+  ...dynamicViewportHeight("height", "maxHeight"),
+  borderRadius: 0,
+  willChange: "transform, width, border-radius",
+  transition: theme.transitions.create(
+    ["width", "max-width", "border-radius", "transform", "opacity"],
+    { duration: 300, easing: theme.transitions.easing.easeInOut }
+  )
+});
+var panelStyles = (theme, props) => {
+  const capPx = cap(props.customMaxWidth);
+  return {
+    ...panelBaseStyles(theme),
+    ...rolePanelStyles(theme, props.modalRole, capPx, props.panelSize),
+    ...glassStyles(theme, props.glass, props.modalRole),
+    ...animationStyles(props.isAnimating, props.modalRole, props.panelSize)
+  };
+};
+var dialogRootStyles = (theme, props) => ({
+  direction: props.rtl ? "rtl" : "ltr",
+  "& .MuiBackdrop-root": backdropStyles(theme, props.modalRole),
+  "& .MuiDialog-container": { alignItems: "flex-start", justifyContent: "flex-end" },
+  "& .MuiDialog-paper": panelStyles(theme, props),
+  ...KEYFRAMES
+});
+var titleStyles = (theme, rtl) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  padding: theme.spacing(2, 2.5),
+  borderBottom: `1px solid ${theme.palette.divider}`,
+  direction: rtl ? "rtl" : "ltr"
+});
+var titleLeftStyles = (theme) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1.5),
+  flex: 1
+});
+var titleRightStyles = (theme) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: theme.spacing(1)
+});
+var loadingOverlayStyles = (theme) => ({
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "center",
+  justifyContent: "center",
+  backgroundColor: alpha(theme.palette.background.paper, 0.8),
+  zIndex: 9999
+});
+var modalContentStyles = (theme) => ({
+  padding: theme.spacing(3),
+  // MUI's DialogContent defaults to `overflow-y: auto`, but inside a panel it is
+  // NOT the element that scrolls — ModalBody above it is, and this box always
+  // ends up exactly as tall as its own content. A scroll container that never
+  // scrolls is still the containing block for every `position: sticky`
+  // descendant, so a sticky header anchored here gets zero travel and rides the
+  // content out of view: sticky, and pinned to nothing. Handing the overflow
+  // back to ModalBody makes the panel's own scroller the anchor.
+  overflowY: "visible"
+});
+
+export {
+  STYLE_ONLY_PROPS,
+  dialogRootStyles,
+  titleStyles,
+  titleLeftStyles,
+  titleRightStyles,
+  loadingOverlayStyles,
+  modalContentStyles
+};
+//# sourceMappingURL=chunk-NEHCU3EZ.js.map

package/dist/chunk-NHHWNA5W.js

@@ -0,0 +1,194 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  Text
+} from "./chunk-AJBRO76D.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/DataViews/DataViewsBoard.tsx
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_EXTRA_LABEL = "Sem etapa";
+function groupValueOf(row, groupBy) {
+  const value = row[groupBy];
+  return value === null || value === void 0 ? "" : String(value);
+}
+function groupRows(rows, board) {
+  const declared = new Map(board.groups.map((group) => [group.value, []]));
+  const extra = [];
+  for (const row of rows) {
+    const bucket = declared.get(groupValueOf(row, board.groupBy));
+    if (bucket) bucket.push(row);
+    else extra.push(row);
+  }
+  const columns = board.groups.map((group) => ({
+    key: group.value,
+    label: group.label,
+    tone: group.tone,
+    rows: declared.get(group.value) ?? []
+  }));
+  if (extra.length > 0) {
+    columns.push({ key: "__extra__", label: board.extraLabel ?? DEFAULT_EXTRA_LABEL, rows: extra });
+  }
+  return columns;
+}
+function sumOf(rows, sumBy) {
+  if (!sumBy) return null;
+  return rows.reduce((total, row) => {
+    const value = row[sumBy];
+    return typeof value === "number" && Number.isFinite(value) ? total + value : total;
+  }, 0);
+}
+function toneColor(tone) {
+  const known = ["primary", "secondary", "success", "warning", "error", "info"];
+  return tone && known.includes(tone) ? `${tone}.main` : "divider";
+}
+function BoardColumnHeader({
+  label,
+  count,
+  sum,
+  testId
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", flexDirection: "column", gap: 0.25 }, children: [
+    /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "baseline", justifyContent: "space-between", gap: 1 }, children: [
+      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontWeight: 600 }, children: label }) }),
+      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(
+        default2,
+        {
+          component: "span",
+          "data-testid": `${testId}-count`,
+          "aria-label": copy.board.countOnPage(label, count),
+          sx: { color: "text.secondary", whiteSpace: "nowrap" },
+          children: copy.board.onThisPage(count)
+        }
+      ) })
+    ] }),
+    sum !== null && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(
+      default2,
+      {
+        component: "span",
+        "data-testid": `${testId}-sum`,
+        "aria-label": copy.board.pageSum(sum),
+        sx: { color: "text.secondary" },
+        children: sum
+      }
+    ) })
+  ] });
+}
+function BoardColumn({
+  column,
+  board,
+  getRowId,
+  renderCard,
+  selectedIds,
+  onToggleId,
+  cardScale,
+  width,
+  testId
+}) {
+  const copy = useDataViewsCopy();
+  const total = sumOf(column.rows, board.sumBy);
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      "data-testid": testId,
+      sx: {
+        flex: `0 0 ${width}`,
+        minWidth: width,
+        display: "flex",
+        flexDirection: "column",
+        gap: 1,
+        borderTop: (theme) => `${rem(theme, 3)} solid`,
+        borderStyle: "solid",
+        borderColor: toneColor(column.tone),
+        borderRadius: 1,
+        bgcolor: "action.hover",
+        p: 1
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          BoardColumnHeader,
+          {
+            label: column.label,
+            count: column.rows.length,
+            sum: total === null ? null : String(board.formatSum ? board.formatSum(total) : total),
+            testId
+          }
+        ),
+        column.rows.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", "data-testid": `${testId}-empty`, sx: { color: "text.disabled" }, children: copy.board.emptyColumn }) }) : column.rows.map((row) => {
+          const id = getRowId(row);
+          return /* @__PURE__ */ jsx(default2, { children: renderCard(row, {
+            selected: selectedIds.has(id),
+            onToggleSelect: () => onToggleId(id),
+            scale: cardScale
+          }) }, id);
+        })
+      ]
+    }
+  );
+}
+var columnWidth = (theme, cardScale) => rem(theme, Math.max(220, Math.round(240 * cardScale)));
+function DataViewsBoard({
+  rows,
+  board,
+  getRowId,
+  renderCard,
+  selectedIds,
+  onToggleId,
+  cardScale,
+  dataTestId
+}) {
+  const copy = useDataViewsCopy();
+  const theme = useTheme();
+  const columns = groupRows(rows, board);
+  const width = columnWidth(theme, cardScale);
+  const testId = dataTestId ? `${dataTestId}-board` : "data-views-board";
+  return /* @__PURE__ */ jsxs(default2, { sx: { mt: 1.5 }, children: [
+    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", "data-testid": `${testId}-scale-note`, sx: { color: "text.secondary" }, children: copy.board.pageScopeNote }) }),
+    /* @__PURE__ */ jsx(
+      default2,
+      {
+        "data-testid": testId,
+        sx: {
+          mt: 1,
+          display: "flex",
+          alignItems: "flex-start",
+          gap: 1.5,
+          // The BOARD scrolls, not the page: without `maxWidth` the flex row
+          // widens its parent and the whole document scrolls sideways.
+          maxWidth: "100%",
+          overflowX: "auto",
+          pb: 1
+        },
+        children: columns.map((column) => /* @__PURE__ */ jsx(
+          BoardColumn,
+          {
+            column,
+            board,
+            getRowId,
+            renderCard,
+            selectedIds,
+            onToggleId,
+            cardScale,
+            width,
+            testId: `${testId}-column-${column.key}`
+          },
+          column.key
+        ))
+      }
+    )
+  ] });
+}
+
+export {
+  groupRows,
+  DataViewsBoard
+};
+//# sourceMappingURL=chunk-NHHWNA5W.js.map

package/dist/chunk-NM65DY2A.js

@@ -0,0 +1,82 @@
+import {
+  StepConnectorComponent,
+  StepContentComponent,
+  StepIndicatorComponent,
+  StepItemRow
+} from "./chunk-7PK5IENM.js";
+
+// src/components/utility/WorkflowStep/WorkflowStepRow.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var StepRow = ({
+  step,
+  index,
+  isLast,
+  orientation,
+  variant,
+  color,
+  size,
+  showNumbers,
+  showIcons,
+  showProgress,
+  completedIcon,
+  errorIcon,
+  interactive,
+  animated,
+  disabled,
+  onClick,
+  dataTestId
+}) => {
+  const isCompleted = step.status === "completed";
+  return /* @__PURE__ */ jsxs(StepItemRow, { orientation, isLast, children: [
+    /* @__PURE__ */ jsx(
+      StepIndicatorComponent,
+      {
+        step,
+        index,
+        isActive: step.status === "current",
+        isCompleted,
+        isError: step.status === "error",
+        variant,
+        color,
+        size,
+        showNumbers,
+        showIcons,
+        completedIcon,
+        errorIcon,
+        interactive,
+        animated,
+        disabled,
+        onClick,
+        "data-testid": `${dataTestId}-indicator-${index}`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      StepContentComponent,
+      {
+        step,
+        index,
+        orientation,
+        interactive,
+        disabled,
+        onClick,
+        "data-testid": `${dataTestId}-content-${index}`
+      }
+    ),
+    showProgress && !isLast && /* @__PURE__ */ jsx(
+      StepConnectorComponent,
+      {
+        isCompleted,
+        orientation,
+        variant,
+        color,
+        animated,
+        "data-testid": `${dataTestId}-connector-${index}`
+      }
+    )
+  ] });
+};
+
+export {
+  StepRow
+};
+//# sourceMappingURL=chunk-NM65DY2A.js.map

package/dist/chunk-NMXTZSDE.js

@@ -0,0 +1,169 @@
+import {
+  Sheet
+} from "./chunk-OUXJYKCL.js";
+import {
+  Dialog
+} from "./chunk-HQIX7A5I.js";
+import {
+  Button
+} from "./chunk-JE6FNSQV.js";
+import {
+  accentFor
+} from "./chunk-B7ZHEOQQ.js";
+import {
+  rem,
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/navigation/AppHeader/AppHeader.details.tsx
+import Box from "@mui/material/Box/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import useMediaQuery from "@mui/material/useMediaQuery/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DIALOG_WIDTH = sxRem(460);
+var xxsQuery = (theme) => `(max-width:${rem(theme, 360 - 0.05)})`;
+function sheetHeight(xxs) {
+  return { height: "auto", maxHeight: xxs ? "100dvh" : "90dvh" };
+}
+function usesSheet(presentation, compact) {
+  if (presentation === "sheet") return true;
+  if (presentation === "dialog") return false;
+  return compact;
+}
+var DetailRow = ({
+  row,
+  last,
+  dataTestId
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      "data-testid": `${dataTestId}-row`,
+      "data-row": row.id ?? row.label,
+      sx: {
+        display: "flex",
+        alignItems: "flex-start",
+        justifyContent: "space-between",
+        gap: 2,
+        py: 1.5,
+        borderBottom: last ? "none" : `1px solid ${theme.palette.divider}`
+      },
+      children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "text.secondary", component: "span", sx: { flex: "0 0 auto" }, children: row.label }),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "body1",
+            component: "span",
+            sx: {
+              minWidth: 0,
+              textAlign: "right",
+              fontWeight: row.tone ? 700 : 500,
+              color: row.tone ? accentFor(theme, row.tone).main : "text.primary",
+              // Newlines in a value are meaningful — an address is two lines.
+              whiteSpace: "pre-line"
+            },
+            children: row.value
+          }
+        )
+      ]
+    }
+  );
+};
+var DetailsBody = ({ rows, children, dataTestId }) => /* @__PURE__ */ jsxs(Box, { "data-testid": `${dataTestId}-body`, children: [
+  (rows ?? []).map((row, index) => /* @__PURE__ */ jsx(
+    DetailRow,
+    {
+      row,
+      last: index === (rows?.length ?? 0) - 1 && !children,
+      dataTestId
+    },
+    row.id ?? row.label
+  )),
+  children
+] });
+var DetailsAction = ({ action, dataTestId, padded = false }) => action ? /* @__PURE__ */ jsx(Box, { sx: padded ? { pt: 2 } : void 0, children: /* @__PURE__ */ jsx(
+  Button,
+  {
+    variant: "solid",
+    color: action.color ?? "primary",
+    size: "lg",
+    fullWidth: true,
+    disabled: action.disabled,
+    onClick: action.onClick,
+    dataTestId: action.dataTestId ?? `${dataTestId}-action`,
+    children: action.label
+  }
+) }) : null;
+var AppHeaderDetails = ({
+  open,
+  onClose,
+  title,
+  subtitle,
+  rows,
+  children,
+  action,
+  presentation = "auto",
+  breakpoint = "sm",
+  className,
+  dataTestId = "app-header-details"
+}) => {
+  const theme = useTheme();
+  const asSheet = usesSheet(presentation, useMediaQuery(theme.breakpoints.down(breakpoint)));
+  const xxs = useMediaQuery(xxsQuery(theme));
+  const description = typeof subtitle === "string" ? subtitle : void 0;
+  const richSubtitle = description === void 0 ? subtitle : null;
+  const body = /* @__PURE__ */ jsx(DetailsBody, { rows, dataTestId, children });
+  const footer = /* @__PURE__ */ jsx(DetailsAction, { action, dataTestId });
+  if (asSheet) {
+    return /* @__PURE__ */ jsxs(
+      Sheet,
+      {
+        open,
+        onClose,
+        onOpenChange: (next) => !next && onClose(),
+        position: "bottom",
+        size: "md",
+        style: sheetHeight(xxs),
+        className,
+        title,
+        description,
+        showCloseButton: true,
+        rounded: true,
+        footer,
+        dataTestId,
+        children: [
+          richSubtitle,
+          body
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onClose,
+      title,
+      description,
+      showCloseButton: true,
+      fullWidth: true,
+      className,
+      dataTestId,
+      PaperProps: { sx: { maxWidth: DIALOG_WIDTH, borderRadius: 3 } },
+      children: [
+        richSubtitle,
+        body,
+        /* @__PURE__ */ jsx(DetailsAction, { action, dataTestId, padded: true })
+      ]
+    }
+  );
+};
+AppHeaderDetails.displayName = "AppHeaderDetails";
+
+export {
+  AppHeaderDetails
+};
+//# sourceMappingURL=chunk-NMXTZSDE.js.map

package/dist/chunk-NNKMYH6U.js

@@ -0,0 +1,60 @@
+import {
+  FONT_WEIGHTS
+} from "./chunk-2FBGDSGC.js";
+import {
+  HEADING_SCALE
+} from "./chunk-FZXKH2ZT.js";
+import {
+  NEUTRAL_RAMP
+} from "./chunk-N3GAFIXG.js";
+
+// src/components/typography/Heading/Heading.metrics.ts
+var HEADING_WEIGHTS = FONT_WEIGHTS;
+var HEADING_DEFAULT_LEVEL = "h2";
+var HEADING_DEFAULT_WEIGHT = "bold";
+var HEADING_DEFAULT_COLOR = "neutral";
+var HEADING_RANK = {
+  display: 1,
+  h1: 1,
+  h2: 2,
+  h3: 3,
+  h4: 4,
+  h5: 5,
+  h6: 6
+};
+var stepOf = (value) => value !== void 0 && value in HEADING_SCALE ? value : HEADING_DEFAULT_LEVEL;
+var isHeadingWeight = (value) => value in HEADING_WEIGHTS;
+function headingWeight(weight, normalWeight) {
+  if (weight === "normal") return normalWeight;
+  return HEADING_WEIGHTS[isHeadingWeight(weight) ? weight : HEADING_DEFAULT_WEIGHT];
+}
+var HEADING_GRADIENT_ANGLE = 135;
+var NEUTRAL_GRADIENT_STEPS = { from: 500, to: 900 };
+var headingGradient = (from, to) => `linear-gradient(${HEADING_GRADIENT_ANGLE}deg, ${from} 0%, ${to} 100%)`;
+function headingGradientStops(theme, color) {
+  switch (color) {
+    case "primary":
+      return [theme.palette.primary.main, theme.palette.secondary.main];
+    case "secondary":
+      return [theme.palette.secondary.main, theme.palette.primary.main];
+    case "neutral":
+      return [NEUTRAL_RAMP[NEUTRAL_GRADIENT_STEPS.from], NEUTRAL_RAMP[NEUTRAL_GRADIENT_STEPS.to]];
+    default:
+      return [theme.palette[color].light, theme.palette[color].dark];
+  }
+}
+
+export {
+  HEADING_WEIGHTS,
+  HEADING_DEFAULT_LEVEL,
+  HEADING_DEFAULT_WEIGHT,
+  HEADING_DEFAULT_COLOR,
+  HEADING_RANK,
+  stepOf,
+  headingWeight,
+  HEADING_GRADIENT_ANGLE,
+  NEUTRAL_GRADIENT_STEPS,
+  headingGradient,
+  headingGradientStops
+};
+//# sourceMappingURL=chunk-NNKMYH6U.js.map