@12-apps/ui 6.54.0 → 6.55.0

package/dist/chunk-BYH5GPLT.js

@@ -1,154 +0,0 @@
-import {
-  fadeInScaleAnimation
-} from "./chunk-3UIDKLML.js";
-import {
-  shadowInk
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem,
-  rems,
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/DataViews/card-surface.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var pulseRing = keyframes`
-  0% { transform: scale(1); opacity: 0.9; }
-  70% { transform: scale(1.04); opacity: 0; }
-  100% { transform: scale(1.04); opacity: 0; }
-`;
-var CARD_RADIUS = sxRem(3);
-function slotTestIds(testId) {
-  return (slot) => testId ? `${testId}-${slot}` : void 0;
-}
-function isSelectable(props) {
-  return props.selectable ?? props.onToggleSelect != null;
-}
-function isActionable(state) {
-  return state !== "disabled" && state !== "cancelled";
-}
-function variantSx(variant, theme) {
-  if (variant === "ghost") {
-    return {
-      border: 0,
-      backgroundColor: "action.hover",
-      "&:hover": { backgroundColor: "action.selected" }
-    };
-  }
-  if (variant === "text") {
-    return { border: 0, backgroundColor: "transparent", boxShadow: "none" };
-  }
-  if (variant === "glass") {
-    return {
-      backgroundColor: alpha(theme.palette.background.paper, 0.55),
-      backdropFilter: `blur(${rem(theme, 8)})`,
-      // `divider` as-is. NOT `alpha(divider, …)`: MUI's `alpha` REPLACES the
-      // channel rather than scaling it, and `divider` is already a 12% black —
-      // so asking for 80% of it produced an 80% black slab of a border.
-      borderColor: theme.palette.divider,
-      boxShadow: `0 ${rems(theme, 1, 3)} ${shadowInk(theme, 0.1)}`
-    };
-  }
-  return {};
-}
-var MOTION_OK = "@media (prefers-reduced-motion: no-preference)";
-function accentBar(theme, main) {
-  return {
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      insetInlineStart: 0,
-      insetBlock: 0,
-      width: rem(theme, 3),
-      borderStartStartRadius: "inherit",
-      borderEndStartRadius: "inherit",
-      backgroundColor: main,
-      pointerEvents: "none"
-    }
-  };
-}
-function liftSx(theme, main) {
-  return {
-    boxShadow: [
-      `0 0 0 ${rem(theme, 1)} ${alpha(main, 0.45)}`,
-      `0 ${rems(theme, 1, 2)} ${alpha(main, 0.12)}`,
-      `0 ${rems(theme, 8, 20, -6)} ${alpha(main, 0.3)}`
-    ].join(", ")
-  };
-}
-function pulseSx(theme, main) {
-  return {
-    [MOTION_OK]: {
-      "&::after": {
-        content: '""',
-        position: "absolute",
-        inset: 0,
-        borderRadius: "inherit",
-        border: `${rem(theme, 2)} solid ${main}`,
-        animation: `${pulseRing} 1.6s ease-out 6`,
-        pointerEvents: "none"
-      }
-    }
-  };
-}
-function emphasisSx(theme, emphasis, main, shape) {
-  if (emphasis === "attention") {
-    return {
-      ...accentBar(theme, main),
-      ...shape === "tile" ? liftSx(theme, main) : {},
-      ...pulseSx(theme, main)
-    };
-  }
-  if (emphasis === "new") {
-    return {
-      ...accentBar(theme, main),
-      [MOTION_OK]: { animation: `${fadeInScaleAnimation} 240ms ease-out` }
-    };
-  }
-  return {};
-}
-function stateSx(state) {
-  if (state === "cancelled") {
-    return {
-      opacity: 0.65,
-      // The META CLUSTER is struck too. It was left out, so a voided row kept a
-      // crisp `05/08/2026, 13:45` and `PIX` between a struck title and a struck
-      // total — the middle of the row reading as live data on a record the two
-      // ends call void. Both lines of each pair go, as both lines of the caption
-      // already do: on a cancelled record the label is as void as the value.
-      '& [data-slot="value"], & [data-slot="caption"], & [data-slot="meta"]': {
-        textDecoration: "line-through"
-      }
-    };
-  }
-  if (state === "disabled") {
-    return { opacity: 0.45, filter: "grayscale(1)", cursor: "not-allowed" };
-  }
-  return { opacity: 1 };
-}
-function cardSurfaceStyles(props, theme) {
-  const { variant = "outline", color = "primary", selected = false, selectable } = props;
-  const { state = "default", emphasis = "none" } = props;
-  const main = theme.palette[color].main;
-  const showSelected = selectable && selected;
-  return {
-    transition: "border-color 120ms, box-shadow 120ms, background-color 120ms",
-    ...stateSx(state),
-    ...variantSx(variant, theme),
-    ...showSelected ? {
-      borderColor: `${color}.main`,
-      boxShadow: `inset 0 0 0 ${rem(theme, 1)} ${main}`,
-      backgroundColor: "action.selected"
-    } : {},
-    ...emphasisSx(theme, emphasis, main, props.shape)
-  };
-}
-
-export {
-  CARD_RADIUS,
-  slotTestIds,
-  isSelectable,
-  isActionable,
-  cardSurfaceStyles
-};
-//# sourceMappingURL=chunk-BYH5GPLT.js.map

package/dist/chunk-C3YDWK5D.js

@@ -1,67 +0,0 @@
-import {
-  statusMessage
-} from "./chunk-WGPG7XGD.js";
-import {
-  DayBoundInput
-} from "./chunk-JXTJI2YF.js";
-
-// src/components/form/DateRangePicker/DateRangePickerFields.tsx
-import Box from "@mui/material/Box/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function DateRangeFields({
-  value,
-  status,
-  messages,
-  maxRangeDays,
-  onEdit,
-  statusId,
-  dataTestId
-}) {
-  const rejected = !status.ok && status.problem !== "incomplete";
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
-    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 2 }, children: [
-      /* @__PURE__ */ jsx(
-        DayBoundInput,
-        {
-          mask: messages.dayMask,
-          label: messages.from,
-          value: value.from ?? void 0,
-          onChange: (bound) => onEdit("from", bound ?? null),
-          testId: `${dataTestId}-from`,
-          error: rejected,
-          describedBy: statusId
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        DayBoundInput,
-        {
-          mask: messages.dayMask,
-          label: messages.to,
-          value: value.to ?? void 0,
-          onChange: (bound) => onEdit("to", bound ?? null),
-          testId: `${dataTestId}-to`,
-          error: rejected,
-          describedBy: statusId
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        id: statusId,
-        role: "status",
-        "aria-live": "polite",
-        variant: "body2",
-        color: rejected ? "error.main" : "text.secondary",
-        "data-testid": `${dataTestId}-status`,
-        children: statusMessage(status, messages, maxRangeDays)
-      }
-    )
-  ] });
-}
-
-export {
-  DateRangeFields
-};
-//# sourceMappingURL=chunk-C3YDWK5D.js.map

package/dist/chunk-CHAWSXZX.js

@@ -1,99 +0,0 @@
-import {
-  ButtonRadios,
-  CardRadios,
-  DefaultRadios,
-  GroupLabel,
-  SegmentRadios,
-  testId
-} from "./chunk-LGXSGDVT.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/form/RadioGroup/RadioGroup.tsx
-import Box from "@mui/material/Box/index.js";
-import FormHelperText from "@mui/material/FormHelperText/index.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  variant: "default",
-  color: "primary",
-  size: "md",
-  error: false,
-  glassLabel: false,
-  glow: false,
-  glass: false,
-  gradient: false,
-  direction: "column",
-  showDescriptions: true
-};
-var VARIANTS = {
-  cards: CardRadios,
-  buttons: ButtonRadios,
-  segments: SegmentRadios,
-  default: DefaultRadios
-};
-var RadioGroup = forwardRef((props, ref) => {
-  const {
-    variant,
-    color,
-    size,
-    options,
-    label,
-    error,
-    helperText,
-    glassLabel,
-    glow,
-    glass,
-    gradient,
-    direction,
-    showDescriptions,
-    value,
-    onChange,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const handleSelect = (option) => {
-    if (option.disabled || !onChange) return;
-    const event = { target: { value: option.value } };
-    onChange(event, option.value);
-  };
-  const Variant = VARIANTS[variant] ?? DefaultRadios;
-  return /* @__PURE__ */ jsxs(Box, { "data-testid": dataTestId, children: [
-    label && /* @__PURE__ */ jsx(GroupLabel, { glass: glassLabel, error, dataTestId, children: label }),
-    /* @__PURE__ */ jsx(
-      Variant,
-      {
-        options,
-        value,
-        color,
-        size,
-        direction,
-        showDescriptions,
-        glass,
-        gradient,
-        glow,
-        dataTestId,
-        onSelect: handleSelect,
-        groupRef: ref,
-        onChange,
-        rest
-      }
-    ),
-    helperText && /* @__PURE__ */ jsx(
-      FormHelperText,
-      {
-        error,
-        sx: { mt: 1 },
-        "data-testid": testId(dataTestId, "helper-text"),
-        children: helperText
-      }
-    )
-  ] });
-});
-RadioGroup.displayName = "RadioGroup";
-
-export {
-  RadioGroup
-};
-//# sourceMappingURL=chunk-CHAWSXZX.js.map

package/dist/chunk-CJ45OL7L.js

@@ -1,60 +0,0 @@
-import {
-  FONT_WEIGHTS
-} from "./chunk-YFODI4KT.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-CJ45OL7L.js.map

package/dist/chunk-CMVEXPUV.js

@@ -1,78 +0,0 @@
-import {
-  fieldTextFieldStyles
-} from "./chunk-2TZ6X265.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/DataViews/data-views-number-input.tsx
-import Box from "@mui/material/Box/index.js";
-import TextField from "@mui/material/TextField/index.js";
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-var ALLOWED = /[^\d.,]/g;
-function parsePtBrNumber(text) {
-  const cleaned = text.replace(ALLOWED, "");
-  if (cleaned === "") return void 0;
-  const hasComma = cleaned.includes(",");
-  const dots = cleaned.split(".").length - 1;
-  const lastDot = cleaned.lastIndexOf(".");
-  const dotIsDecimal = !hasComma && dots === 1 && cleaned.length - lastDot - 1 > 0 && cleaned.length - lastDot - 1 <= 2;
-  const normalized = dotIsDecimal ? cleaned : cleaned.replace(/\./g, "").replace(",", ".");
-  const amount = Number(normalized);
-  return Number.isFinite(amount) ? amount : void 0;
-}
-function formatPtBrNumber(amount) {
-  if (amount == null || amount === "") return "";
-  return String(amount).replace(".", ",");
-}
-function boundAsNumber(amount) {
-  if (amount == null || amount === "") return void 0;
-  const parsed = typeof amount === "number" ? amount : Number(amount);
-  return Number.isFinite(parsed) ? parsed : void 0;
-}
-function NumberBoundInput({
-  label,
-  value,
-  unit,
-  onChange,
-  testId
-}) {
-  const applied = boundAsNumber(value);
-  const [text, setText] = useState(() => formatPtBrNumber(value));
-  useEffect(() => {
-    setText((current) => parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied));
-  }, [applied]);
-  return /* @__PURE__ */ jsx(
-    TextField,
-    {
-      size: "small",
-      type: "text",
-      label,
-      value: text,
-      onChange: (event) => {
-        const next = event.target.value.replace(ALLOWED, "");
-        setText(next);
-        const amount = parsePtBrNumber(next);
-        if (next === "") return onChange(void 0);
-        if (amount !== void 0) onChange(amount);
-      },
-      onBlur: () => setText(
-        (current) => parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied)
-      ),
-      InputLabelProps: { shrink: true },
-      inputProps: { "data-testid": testId, inputMode: "decimal", autoComplete: "off" },
-      InputProps: unit ? {
-        startAdornment: /* @__PURE__ */ jsx(Box, { component: "span", sx: { mr: 0.5, color: "text.secondary" }, children: unit })
-      } : void 0,
-      sx: [{ width: sxRem(140) }, fieldTextFieldStyles]
-    }
-  );
-}
-
-export {
-  parsePtBrNumber,
-  formatPtBrNumber,
-  NumberBoundInput
-};
-//# sourceMappingURL=chunk-CMVEXPUV.js.map

package/dist/chunk-CVQYKXC5.js

@@ -1,102 +0,0 @@
-import {
-  shownCount
-} from "./chunk-P3GBXE73.js";
-import {
-  Badge
-} from "./chunk-JK7SVLE2.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/navigation/SectionNav/SectionNav.parts.tsx
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import { Fragment, jsx } from "react/jsx-runtime";
-function CountedIcon({
-  icon,
-  count,
-  label,
-  testId
-}) {
-  const shown = shownCount(count);
-  if (shown === void 0) return /* @__PURE__ */ jsx(Fragment, { children: icon });
-  return (
-    // The library's corner count, in the warning role the sidebar's pill is
-    // drawn from.
-    /* @__PURE__ */ jsx(
-      Badge,
-      {
-        content: shown,
-        variant: "count",
-        color: "warning",
-        max: 99,
-        "aria-label": label(shown),
-        "aria-live": "off",
-        "data-testid": testId,
-        children: icon
-      }
-    )
-  );
-}
-function focusRing(theme) {
-  return {
-    "&:focus-visible": {
-      outline: `${rem(theme, 2)} solid ${theme.palette.primary.main}`,
-      outlineOffset: rem(theme, -2)
-    }
-  };
-}
-function controlProps({
-  href,
-  onClick,
-  linkComponent,
-  inert = false,
-  busy = false,
-  dimmed = false
-}) {
-  if (inert) return { component: "button", type: "button", disabled: true };
-  if (busy) return { component: "button", type: "button", "aria-disabled": "true" };
-  if (dimmed) return { component: "button", type: "button", "aria-disabled": "true", onClick };
-  if (href !== void 0) return { component: linkComponent ?? "a", href, onClick };
-  return { component: "button", type: "button", onClick };
-}
-function destinationControl(destination, linkComponent, onClick) {
-  return {
-    ...controlProps({
-      href: destination.href,
-      linkComponent,
-      inert: destination.disabled === true,
-      busy: destination.loading === true,
-      dimmed: destination.dimmed === true,
-      onClick
-    }),
-    "aria-pressed": destination.href === void 0 ? destination.active : void 0
-  };
-}
-var NOT_LIVE = '&:disabled, &[aria-disabled="true"]';
-function SlotIcon({ icon, loading }) {
-  if (!loading) return /* @__PURE__ */ jsx(Fragment, { children: icon });
-  return /* @__PURE__ */ jsx(CircularProgress, { size: "1em", color: "inherit", thickness: 5, "data-testid": "section-nav-spinner" });
-}
-var CONTROL_RESET = {
-  border: 0,
-  background: "none",
-  font: "inherit",
-  color: "inherit",
-  textDecoration: "none",
-  cursor: "pointer",
-  margin: 0,
-  [NOT_LIVE]: { cursor: "default" }
-};
-
-export {
-  Box,
-  CountedIcon,
-  focusRing,
-  controlProps,
-  destinationControl,
-  NOT_LIVE,
-  SlotIcon,
-  CONTROL_RESET
-};
-//# sourceMappingURL=chunk-CVQYKXC5.js.map