@12-apps/ui 6.54.0 → 6.55.0

package/dist/chunk-WGPG7XGD.js

@@ -1,65 +0,0 @@
-import {
-  dayCount,
-  isAfterDay
-} from "./chunk-FRAVVI4A.js";
-import {
-  isoToMasked
-} from "./chunk-JXTJI2YF.js";
-
-// src/components/form/DateRangePicker/DateRangePicker.range.ts
-function resolveDayRange(draft, maxRangeDays) {
-  const { from, to } = draft;
-  if (!from || !to) return { ok: false, problem: "incomplete", days: 0 };
-  if (isAfterDay(from, to)) return { ok: false, problem: "reversed", days: 0 };
-  const days = dayCount(from, to);
-  if (maxRangeDays !== void 0 && days > maxRangeDays) {
-    return { ok: false, problem: "over-max", days };
-  }
-  return { ok: true, window: { from, to }, days };
-}
-function defaultMessages() {
-  const dayMask = "dd/mm/yyyy";
-  return {
-    from: "Start date",
-    to: "End date",
-    quickRanges: "Quick ranges",
-    incomplete: "Choose both dates.",
-    reversed: "The end date must be on or after the start date.",
-    overMax: ({ maxRangeDays }) => `Choose a range of at most ${maxRangeDays} days.`,
-    summary: ({ from, to }) => `${isoToMasked(from, dayMask)} \u2013 ${isoToMasked(to, dayMask)}`,
-    calendarLabel: "Calendar",
-    dayMask
-  };
-}
-function statusMessage(status, messages, maxRangeDays) {
-  if (status.ok) return messages.summary(status.window);
-  if (status.problem === "incomplete") return messages.incomplete;
-  if (status.problem === "reversed") return messages.reversed;
-  return messages.overMax({ maxRangeDays: maxRangeDays ?? status.days, days: status.days });
-}
-function resolveQuickRanges(quickRanges, context, maxRangeDays) {
-  return quickRanges.map((quickRange) => {
-    const window = quickRange.resolve(context);
-    const days = dayCount(window.from, window.to);
-    return {
-      ...quickRange,
-      window,
-      days,
-      overMax: maxRangeDays !== void 0 && days > maxRangeDays
-    };
-  });
-}
-function activeQuickRangeId(options, draft) {
-  return options.find(
-    (option) => option.window.from === draft.from && option.window.to === draft.to
-  )?.id;
-}
-
-export {
-  resolveDayRange,
-  defaultMessages,
-  statusMessage,
-  resolveQuickRanges,
-  activeQuickRangeId
-};
-//# sourceMappingURL=chunk-WGPG7XGD.js.map

package/dist/chunk-WM4KYIYQ.js

@@ -1,248 +0,0 @@
-import {
-  RailCreateMenu
-} from "./chunk-76FANB5I.js";
-import {
-  Box,
-  CONTROL_RESET,
-  CountedIcon,
-  NOT_LIVE,
-  SlotIcon,
-  controlProps,
-  destinationControl,
-  focusRing
-} from "./chunk-CVQYKXC5.js";
-import {
-  destinationState,
-  isMenu
-} from "./chunk-P3GBXE73.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/navigation/SectionNav/SectionNav.rail.tsx
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function RailRow({
-  label,
-  description,
-  icon,
-  count,
-  active,
-  current = active,
-  copy,
-  testId,
-  control,
-  loading = false
-}) {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      ...control,
-      "aria-current": current ? "page" : void 0,
-      "aria-busy": loading || void 0,
-      "data-testid": testId,
-      sx: {
-        ...CONTROL_RESET,
-        ...focusRing(theme),
-        display: "flex",
-        alignItems: "center",
-        gap: 1.5,
-        width: "100%",
-        minHeight: rem(theme, 40),
-        px: 1.25,
-        py: 0.75,
-        borderRadius: 1,
-        textAlign: "start",
-        color: active ? "primary.main" : "text.primary",
-        bgcolor: active ? "action.selected" : "transparent",
-        "&:hover": { bgcolor: active ? "action.selected" : "action.hover" },
-        "& svg": { color: "primary.main", fontSize: rem(theme, 20) },
-        [NOT_LIVE]: { color: "text.disabled", "& svg": { color: "text.disabled" } }
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          CountedIcon,
-          {
-            icon: /* @__PURE__ */ jsx(SlotIcon, { icon, loading }),
-            count,
-            label: copy.badge,
-            testId: `${testId}-badge`
-          }
-        ),
-        /* @__PURE__ */ jsxs(Box, { component: "span", sx: { display: "flex", flexDirection: "column", minWidth: 0 }, children: [
-          /* @__PURE__ */ jsx(Typography, { component: "span", variant: "body2", sx: { fontWeight: active ? 700 : 500 }, children: label }),
-          description ? /* @__PURE__ */ jsx(Typography, { component: "span", variant: "caption", color: "text.secondary", children: description }) : null
-        ] })
-      ]
-    }
-  );
-}
-function RailHeading({ children }) {
-  return /* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.secondary", sx: { px: 1.25, pt: 1.5, lineHeight: 1.6 }, children });
-}
-function RailMenu({
-  menu,
-  linkComponent,
-  copy,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(Box, { component: "section", "data-testid": testId, sx: { display: "flex", flexDirection: "column", gap: 0.25 }, children: [
-    /* @__PURE__ */ jsx(RailHeading, { children: menu.title }),
-    menu.groups.map((group) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 0.25 }, children: [
-      group.title ? /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", sx: { px: 1.25, pt: 0.5 }, children: group.title }) : null,
-      group.entries.map((entry) => /* @__PURE__ */ jsx(
-        RailRow,
-        {
-          label: entry.label,
-          description: entry.description,
-          icon: entry.icon,
-          count: entry.badge,
-          active: entry.active === true,
-          copy,
-          testId: entry.dataTestId ?? `${testId}-entry-${entry.id}`,
-          control: controlProps({
-            href: entry.href,
-            linkComponent,
-            inert: menu.disabled === true || entry.disabled === true,
-            onClick: () => entry.onSelect?.()
-          })
-        },
-        entry.id
-      ))
-    ] }, group.id))
-  ] });
-}
-function RailBack({
-  back,
-  linkComponent,
-  testId
-}) {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      ...controlProps({ href: back.href, linkComponent }),
-      "data-testid": testId,
-      sx: {
-        ...CONTROL_RESET,
-        ...focusRing(theme),
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        px: 1.25,
-        py: 0.75,
-        mb: 0.5,
-        borderRadius: 1,
-        color: "text.secondary",
-        "&:hover": { bgcolor: "action.hover", color: "text.primary" },
-        "& svg": { fontSize: rem(theme, 20) }
-      },
-      children: [
-        back.icon,
-        /* @__PURE__ */ jsx(Typography, { component: "span", variant: "body2", sx: { fontWeight: 600 }, children: back.label })
-      ]
-    }
-  );
-}
-function RailAction({
-  action,
-  linkComponent,
-  copy,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(
-    RailRow,
-    {
-      label: action.label,
-      icon: action.icon,
-      count: void 0,
-      active: false,
-      copy,
-      testId: action.dataTestId ?? testId,
-      loading: action.loading === true,
-      control: controlProps({
-        href: void 0,
-        linkComponent,
-        inert: action.disabled === true,
-        busy: action.loading === true,
-        onClick: action.onSelect
-      })
-    }
-  );
-}
-function RailDestination({
-  destination,
-  linkComponent,
-  copy,
-  testId
-}) {
-  const { current, lit } = destinationState(destination);
-  return /* @__PURE__ */ jsx(
-    RailRow,
-    {
-      label: destination.label,
-      icon: destination.icon,
-      count: destination.badge,
-      active: lit,
-      current,
-      copy,
-      testId,
-      loading: destination.loading === true,
-      control: destinationControl(destination, linkComponent, () => destination.onSelect?.())
-    }
-  );
-}
-function SectionNavRail({
-  label,
-  destinations,
-  primary,
-  more,
-  back,
-  heading,
-  linkComponent,
-  copy,
-  dataTestId
-}) {
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "nav",
-      "aria-label": label,
-      "data-testid": dataTestId,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        gap: 0.25,
-        height: "100%",
-        overflowY: "auto",
-        px: 1,
-        py: 1.5,
-        bgcolor: "background.paper"
-      },
-      children: [
-        back ? /* @__PURE__ */ jsx(RailBack, { back, linkComponent, testId: `${dataTestId}-back` }) : null,
-        heading ? /* @__PURE__ */ jsx(RailHeading, { children: heading }) : null,
-        isMenu(primary) ? /* @__PURE__ */ jsx(RailCreateMenu, { menu: primary, linkComponent, copy, testId: `${dataTestId}-primary` }) : null,
-        destinations.map((destination) => /* @__PURE__ */ jsx(
-          RailDestination,
-          {
-            destination,
-            linkComponent,
-            copy,
-            testId: destination.dataTestId ?? `${dataTestId}-dest-${destination.id}`
-          },
-          destination.id
-        )),
-        primary && !isMenu(primary) ? /* @__PURE__ */ jsx(RailAction, { action: primary, linkComponent, copy, testId: `${dataTestId}-primary` }) : null,
-        more ? /* @__PURE__ */ jsx(RailMenu, { menu: more, linkComponent, copy, testId: `${dataTestId}-more` }) : null
-      ]
-    }
-  );
-}
-
-export {
-  SectionNavRail
-};
-//# sourceMappingURL=chunk-WM4KYIYQ.js.map

package/dist/chunk-WN5PNP6F.js

@@ -1,194 +0,0 @@
-import {
-  resolveCardProps
-} from "./chunk-FKUYRQSP.js";
-import {
-  cardStyles
-} from "./chunk-76X6JRVI.js";
-import {
-  CARD_CONTENT_PADDING_UNITS,
-  CARD_HEADER_CHILDREN_PADDING_UNITS,
-  CARD_LOADING,
-  CARD_MEDIA_HEIGHT
-} from "./chunk-JH7EEJEQ.js";
-import {
-  childTestId,
-  resolveTestId,
-  withoutTestIdProps
-} from "./chunk-TYJR4GOF.js";
-
-// src/components/layout/Card/Card.tsx
-import Box from "@mui/material/Box/index.js";
-import MuiCard from "@mui/material/Card/index.js";
-import MuiCardActions from "@mui/material/CardActions/index.js";
-import MuiCardContent from "@mui/material/CardContent/index.js";
-import MuiCardHeader from "@mui/material/CardHeader/index.js";
-import MuiCardMedia from "@mui/material/CardMedia/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Card = (rawProps) => {
-  const {
-    children,
-    variant,
-    interactive,
-    glow,
-    pulse,
-    borderRadius,
-    loading,
-    onClick,
-    onFocus,
-    onBlur,
-    sx,
-    // These props are reserved for future implementation but need to be extracted
-    // to prevent them from being passed to the underlying MuiCard
-    expandable: _expandable,
-    expanded: _expanded,
-    onExpandToggle: _onExpandToggle,
-    entranceAnimation: _entranceAnimation,
-    animationDelay: _animationDelay,
-    skeleton: _skeleton,
-    hoverScale: _hoverScale,
-    ...restProps
-  } = resolveCardProps(rawProps);
-  const theme = useTheme();
-  const ownTestId = resolveTestId(restProps, "card");
-  const props = withoutTestIdProps(restProps);
-  const idle = !loading;
-  return /* @__PURE__ */ jsxs(
-    MuiCard,
-    {
-      "data-testid": ownTestId,
-      onClick: idle ? onClick : void 0,
-      onFocus: idle ? onFocus : void 0,
-      onBlur: idle ? onBlur : void 0,
-      sx: {
-        ...cardStyles(theme, { variant, interactive, glow, pulse, borderRadius }),
-        position: "relative",
-        opacity: loading ? CARD_LOADING.opacity : 1,
-        pointerEvents: loading ? "none" : "auto",
-        ...sx
-      },
-      ...props,
-      children: [
-        loading && /* @__PURE__ */ jsx(
-          Box,
-          {
-            sx: {
-              position: "absolute",
-              top: "50%",
-              left: "50%",
-              transform: "translate(-50%, -50%)",
-              zIndex: CARD_LOADING.spinnerZIndex
-            },
-            children: /* @__PURE__ */ jsx(CircularProgress, {})
-          }
-        ),
-        children
-      ]
-    }
-  );
-};
-var CardHeader = ({
-  title,
-  subtitle,
-  action,
-  avatar,
-  children,
-  ...others
-}) => {
-  const ownTestId = resolveTestId(others, "card-header");
-  const props = withoutTestIdProps(others);
-  if (children) {
-    return /* @__PURE__ */ jsx(Box, { sx: { p: CARD_HEADER_CHILDREN_PADDING_UNITS }, "data-testid": ownTestId, children });
-  }
-  return /* @__PURE__ */ jsx(
-    MuiCardHeader,
-    {
-      "data-testid": ownTestId,
-      avatar,
-      action,
-      title,
-      subheader: subtitle,
-      titleTypographyProps: {
-        "data-testid": childTestId(others, "title", "card")
-      },
-      subheaderTypographyProps: {
-        "data-testid": childTestId(others, "subtitle", "card")
-      },
-      ...props
-    }
-  );
-};
-var CardContent = ({ children, dense = false, ...others }) => /* @__PURE__ */ jsx(
-  MuiCardContent,
-  {
-    "data-testid": resolveTestId(others, "card-content"),
-    sx: {
-      padding: dense ? CARD_CONTENT_PADDING_UNITS.dense : CARD_CONTENT_PADDING_UNITS.normal,
-      "&:last-child": {
-        paddingBottom: dense ? CARD_CONTENT_PADDING_UNITS.dense : CARD_CONTENT_PADDING_UNITS.normal
-      }
-    },
-    ...withoutTestIdProps(others),
-    children
-  }
-);
-var CardActions = ({
-  children,
-  disableSpacing = false,
-  alignment = "left",
-  ...others
-}) => {
-  const getJustifyContent = () => {
-    switch (alignment) {
-      case "center":
-        return "center";
-      case "right":
-        return "flex-end";
-      case "space-between":
-        return "space-between";
-      default:
-        return "flex-start";
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    MuiCardActions,
-    {
-      "data-testid": resolveTestId(others, "card-actions"),
-      disableSpacing,
-      sx: {
-        justifyContent: getJustifyContent()
-      },
-      ...withoutTestIdProps(others),
-      children
-    }
-  );
-};
-var CardMedia = ({
-  component = "div",
-  image,
-  title,
-  height = CARD_MEDIA_HEIGHT,
-  children,
-  ...others
-}) => /* @__PURE__ */ jsx(
-  MuiCardMedia,
-  {
-    "data-testid": resolveTestId(others, "card-media"),
-    component,
-    height,
-    image,
-    title,
-    ...withoutTestIdProps(others),
-    children
-  }
-);
-
-export {
-  Card,
-  CardHeader,
-  CardContent,
-  CardActions,
-  CardMedia
-};
-//# sourceMappingURL=chunk-WN5PNP6F.js.map

package/dist/chunk-WOEVBEGJ.js

@@ -1,182 +0,0 @@
-import {
-  DiscloseSlot,
-  DragSlot,
-  SelectSlot
-} from "./chunk-525AOF6I.js";
-import {
-  actionProps,
-  metaShape,
-  rowStyles,
-  useRowShell
-} from "./chunk-BJOKL5PQ.js";
-import {
-  ListCardActions,
-  ListCardCaption,
-  ListCardMeta,
-  ListCardTail
-} from "./chunk-N6EEY7V3.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
-import {
-  DropIndicator
-} from "./chunk-K4EKTMTC.js";
-import {
-  cellRailsTemplate
-} from "./chunk-BE5Z36XZ.js";
-import {
-  ListCardCells,
-  cellTracks,
-  useCellConfig
-} from "./chunk-COYGTEN5.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Card
-} from "./chunk-WN5PNP6F.js";
-
-// src/components/data-display/DataViews/base-list-card.tsx
-import Collapse from "@mui/material/Collapse/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function useResolvedCells(props, inGroup) {
-  const groupCells = useCellConfig();
-  const cells = groupCells ?? props.cells ?? null;
-  const configured = cells != null && cells.length > 0 && props.row != null;
-  const cellTemplate = configured && !inGroup ? cellRailsTemplate(cellTracks(cells)) : null;
-  return { cells, configured, cellTemplate };
-}
-function RowContent({
-  card,
-  cells,
-  configured,
-  slot,
-  actionable,
-  meta
-}) {
-  if (configured && cells != null) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(ListCardCells, { cells, row: card.row }),
-      /* @__PURE__ */ jsx(
-        ListCardActions,
-        {
-          actions: actionable ? card.actions : void 0,
-          alwaysVisible: card.actionsAlwaysVisible,
-          menu: card.menu,
-          testId: slot
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ListCardCaption,
-      {
-        title: card.title,
-        subtitle: card.subtitle,
-        href: card.href,
-        target: card.target,
-        testId: slot("title")
-      }
-    ),
-    /* @__PURE__ */ jsx(ListCardMeta, { meta: card.meta, metaSlot: card.metaSlot, trailingRule: card.value != null }),
-    /* @__PURE__ */ jsx(
-      ListCardTail,
-      {
-        value: card.value,
-        separated: meta.present,
-        actions: actionable ? card.actions : void 0,
-        actionsAlwaysVisible: card.actionsAlwaysVisible,
-        menu: card.menu,
-        testId: slot
-      }
-    )
-  ] });
-}
-function ExpandableBody({
-  disclosure,
-  padY,
-  pad,
-  children
-}) {
-  if (!disclosure.expandable) return /* @__PURE__ */ jsx(Fragment, {});
-  return /* @__PURE__ */ jsx(default2, { sx: { gridColumn: "1 / -1", minWidth: 0 }, children: /* @__PURE__ */ jsx(Collapse, { in: disclosure.expanded, timeout: 150, children: /* @__PURE__ */ jsx(
-    default2,
-    {
-      id: disclosure.regionId,
-      role: "region",
-      sx: {
-        minWidth: 0,
-        // `padY`, not a fraction of the horizontal padding. The card's own
-        // `py` wraps the summary AND the body, so once the body is in flow
-        // the summary has no bottom padding of its own — at `comfortable`
-        // the row visibly lost the height it had while closed.
-        mt: padY,
-        pt: padY,
-        // A RULE BETWEEN SUMMARY AND BODY, bled through the row's horizontal
-        // padding so it spans the card edge to edge. Inset, it reads as a
-        // border around the content rather than a division of the card.
-        borderTop: 1,
-        borderColor: "divider",
-        mx: -pad,
-        px: pad
-      },
-      children
-    }
-  ) }) });
-}
-function BaseListCard(props) {
-  const { selected = false, onClick } = props;
-  const shell = useRowShell(props);
-  const { actionable, selectable, slot, drag, reserve, pad, padY, acts } = shell;
-  const meta = metaShape(props);
-  const disclosure = useDisclosure(props);
-  const { cells, configured, cellTemplate } = useResolvedCells(props, shell.group != null);
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      variant: "outlined",
-      className: props.className,
-      dataTestId: props.testId,
-      "aria-label": props["aria-label"],
-      "aria-disabled": actionable ? void 0 : true,
-      onContextMenu: props.onContextMenu,
-      ...acts ? actionProps(onClick) : {},
-      ...drag.itemProps,
-      sx: rowStyles(props, shell, cellTemplate),
-      children: [
-        drag.dropEdge != null && /* @__PURE__ */ jsx(DropIndicator, { edge: drag.dropEdge }),
-        /* @__PURE__ */ jsx(
-          DiscloseSlot,
-          {
-            expandable: disclosure.expandable,
-            expanded: disclosure.expanded,
-            reserve,
-            onToggle: disclosure.toggle,
-            controls: disclosure.regionId,
-            testId: slot("disclose")
-          }
-        ),
-        /* @__PURE__ */ jsx(DragSlot, { drag, reserve, testId: slot("drag") }),
-        /* @__PURE__ */ jsx(
-          SelectSlot,
-          {
-            selectable,
-            selected,
-            reserve,
-            onToggleSelect: props.onToggleSelect,
-            testId: slot("checkbox")
-          }
-        ),
-        /* @__PURE__ */ jsx(default2, { "data-slot": "leading", sx: { display: "flex", alignItems: "center" }, children: props.leading }),
-        /* @__PURE__ */ jsx(RowContent, { card: props, cells, configured, slot, actionable, meta }),
-        /* @__PURE__ */ jsx(ExpandableBody, { disclosure, padY, pad, children: props.children })
-      ]
-    }
-  );
-}
-
-export {
-  BaseListCard
-};
-//# sourceMappingURL=chunk-WOEVBEGJ.js.map