@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-NDNYD4FG.js

@@ -0,0 +1,182 @@
+import {
+  DiscloseSlot,
+  DragSlot,
+  SelectSlot
+} from "./chunk-GZT7MLLO.js";
+import {
+  actionProps,
+  metaShape,
+  rowStyles,
+  useRowShell
+} from "./chunk-C55AWF3U.js";
+import {
+  ListCardActions,
+  ListCardCaption,
+  ListCardMeta,
+  ListCardTail
+} from "./chunk-2ZIHZLF5.js";
+import {
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
+import {
+  DropIndicator
+} from "./chunk-K4EKTMTC.js";
+import {
+  cellRailsTemplate
+} from "./chunk-NB3FGWU4.js";
+import {
+  ListCardCells,
+  cellTracks,
+  useCellConfig
+} from "./chunk-COYGTEN5.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  Card
+} from "./chunk-N6CSXHFJ.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-NDNYD4FG.js.map

package/dist/chunk-NIF4IXQU.js

@@ -0,0 +1,96 @@
+import {
+  HeaderButton
+} from "./chunk-BBXJQI4S.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/HeaderActions/HeaderActions.tsx
+import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
+import MoreHorizIcon from "@mui/icons-material/MoreHoriz";
+import Box from "@mui/material/Box/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 { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function present(actions) {
+  return actions.filter(
+    (action) => Boolean(action) && action.visible !== false
+  );
+}
+function HeaderActions({
+  actions,
+  moreLabel,
+  collapseBelow = "md",
+  testIdPrefix = "header-actions"
+}) {
+  const [anchorEl, setAnchorEl] = useState(null);
+  const items = present(actions);
+  const open = Boolean(anchorEl);
+  const [primary, ...overflow] = items;
+  if (!primary) return null;
+  return /* @__PURE__ */ jsxs(Box, { sx: { display: "inline-flex", alignItems: "center", gap: 1 }, children: [
+    /* @__PURE__ */ jsx(
+      HeaderButton,
+      {
+        text: primary.text,
+        icon: primary.icon,
+        onClick: primary.onClick,
+        disabled: primary.disabled,
+        variant: primary.variant,
+        color: primary.color,
+        collapseBelow,
+        dataTestId: primary.dataTestId ?? primary.id
+      }
+    ),
+    overflow.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        HeaderButton,
+        {
+          text: moreLabel,
+          icon: /* @__PURE__ */ jsx(MoreHorizIcon, { fontSize: "small" }),
+          endIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, { fontSize: "small" }),
+          onClick: (event) => setAnchorEl(event.currentTarget),
+          collapseBelow,
+          "aria-haspopup": "menu",
+          "aria-expanded": open,
+          dataTestId: `${testIdPrefix}-more-trigger`
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Menu,
+        {
+          anchorEl,
+          open,
+          onClose: () => setAnchorEl(null),
+          anchorOrigin: { vertical: "bottom", horizontal: "right" },
+          transformOrigin: { vertical: "top", horizontal: "right" },
+          "data-testid": `${testIdPrefix}-more-menu`,
+          children: overflow.map((action) => /* @__PURE__ */ jsxs(
+            MenuItem,
+            {
+              disabled: action.disabled,
+              onClick: () => {
+                setAnchorEl(null);
+                action.onClick?.();
+              },
+              "data-testid": action.dataTestId ?? action.id,
+              children: [
+                /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: sxRem(32) }, children: action.icon }),
+                /* @__PURE__ */ jsx(ListItemText, { children: action.text })
+              ]
+            },
+            action.id
+          ))
+        }
+      )
+    ] })
+  ] });
+}
+
+export {
+  HeaderActions
+};
+//# sourceMappingURL=chunk-NIF4IXQU.js.map

package/dist/chunk-NIF4IXQU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/HeaderActions/HeaderActions.tsx"],"sourcesContent":["'use client';\n\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport MoreHorizIcon from '@mui/icons-material/MoreHoriz';\nimport Box from '@mui/material/Box/index.js';\nimport ListItemIcon from '@mui/material/ListItemIcon/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport React, { useState } from 'react';\n\nimport { HeaderButton } from '../HeaderButton';\nimport type { HeaderActionItem, HeaderActionsProps } from './HeaderActions.types';\nimport { sxRem } from '../../../tokens/relative';\n\n/** Drop the gated-away entries, so everything below can count what is left. */\nfunction present(\n  actions: HeaderActionsProps['actions'],\n): HeaderActionItem[] {\n  return actions.filter(\n    (action): action is HeaderActionItem => Boolean(action) && (action as HeaderActionItem).visible !== false,\n  );\n}\n\n/**\n * The page header's actions, as ONE control that scales with how many there\n * are: nothing, a button, or a button plus an overflow menu.\n *\n * | actions | renders |\n * |---|---|\n * | 0 | nothing at all — not an empty box, and not a menu with no items |\n * | 1 | that action, as an ordinary `HeaderButton` |\n * | n | the FIRST as a button; the other n−1 inside one dropdown |\n *\n * ## Why the first one stays a button\n *\n * A header whose every action lives behind a menu costs two clicks for the\n * thing the page is FOR — \"Novo produto\" on a catalog, \"Nova categoria\" on the\n * categories list. Folding it in with the exports and the reorder screens\n * would treat a merchant's daily action as equal to the one they use monthly.\n * So the array is in PRIORITY order and index 0 keeps its button; everything\n * after it is secondary by the caller's own declaration.\n *\n * ## Why this takes a list and not children\n *\n * The 0/1/n decision is only decidable over data. A component handed JSX can\n * count `React.Children`, but it cannot tell a gated-away action from an\n * absent one, cannot read a label to put in a menu row, and cannot re-render\n * a `<Button>` as a `<MenuItem>` without reaching into its props. Every\n * caller in the estate had therefore hand-written the row, which is how four\n * equally-weighted buttons ended up wrapping the line on a catalog page.\n *\n * ## One element, so the spacing is the component's and not the mount's\n *\n * It renders an `inline-flex` box rather than a fragment. A fragment inherits\n * whatever gap its parent happens to set, and the two mounts here set\n * different ones — a `Dashboard.Header` spaces its children, a\n * `Dashboard.Action` slot does not, which is why the pair of buttons in that\n * slot sat flush against each other. The gap belongs to the control.\n *\n * ## The ids survive the move\n *\n * An action that overflows keeps its `dataTestId` on its `MenuItem`. It is a\n * different element in a different place, and it must still answer to the same\n * selector: otherwise adding a fifth action to a header silently breaks the\n * suite of the action that got pushed out, which is the last place anyone\n * would look.\n */\nexport function HeaderActions({\n  actions,\n  moreLabel,\n  collapseBelow = 'md',\n  testIdPrefix = 'header-actions',\n}: HeaderActionsProps): React.JSX.Element | null {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const items = present(actions);\n  const open = Boolean(anchorEl);\n\n  // Before the early return would be a conditional hook; after it is the only\n  // legal place. Nothing below runs for an empty list anyway.\n  const [primary, ...overflow] = items;\n  if (!primary) return null;\n\n  return (\n    <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 1 }}>\n      <HeaderButton\n        text={primary.text}\n        icon={primary.icon}\n        onClick={primary.onClick}\n        disabled={primary.disabled}\n        variant={primary.variant}\n        color={primary.color}\n        collapseBelow={collapseBelow}\n        dataTestId={primary.dataTestId ?? primary.id}\n      />\n      {overflow.length > 0 && (\n        <>\n          <HeaderButton\n            text={moreLabel}\n            icon={<MoreHorizIcon fontSize=\"small\" />}\n            endIcon={<ExpandMoreIcon fontSize=\"small\" />}\n            onClick={(event) => setAnchorEl(event.currentTarget)}\n            collapseBelow={collapseBelow}\n            aria-haspopup=\"menu\"\n            aria-expanded={open}\n            dataTestId={`${testIdPrefix}-more-trigger`}\n          />\n          <Menu\n            anchorEl={anchorEl}\n            open={open}\n            onClose={() => setAnchorEl(null)}\n            anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n            transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n            data-testid={`${testIdPrefix}-more-menu`}\n          >\n            {overflow.map((action) => (\n              <MenuItem\n                key={action.id}\n                disabled={action.disabled}\n                onClick={() => {\n                  setAnchorEl(null);\n                  action.onClick?.();\n                }}\n                data-testid={action.dataTestId ?? action.id}\n              >\n                <ListItemIcon sx={{ minWidth: sxRem(32) }}>{action.icon}</ListItemIcon>\n                <ListItemText>{action.text}</ListItemText>\n              </MenuItem>\n            ))}\n          </Menu>\n        </>\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,OAAO,oBAAoB;AAC3B,OAAO,mBAAmB;AAC1B,OAAO,SAAS;AAChB,OAAO,kBAAkB;AACzB,OAAO,kBAAkB;AACzB,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,SAAgB,gBAAgB;AA4E1B,SAWE,UAXF,KA+BQ,YA/BR;AArEN,SAAS,QACP,SACoB;AACpB,SAAO,QAAQ;AAAA,IACb,CAAC,WAAuC,QAAQ,MAAM,KAAM,OAA4B,YAAY;AAAA,EACtG;AACF;AA8CO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,eAAe;AACjB,GAAiD;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,QAAQ,QAAQ,OAAO;AAC7B,QAAM,OAAO,QAAQ,QAAQ;AAI7B,QAAM,CAAC,SAAS,GAAG,QAAQ,IAAI;AAC/B,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,qBAAC,OAAI,IAAI,EAAE,SAAS,eAAe,YAAY,UAAU,KAAK,EAAE,GAC9D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,QAAQ;AAAA,QACd,MAAM,QAAQ;AAAA,QACd,SAAS,QAAQ;AAAA,QACjB,UAAU,QAAQ;AAAA,QAClB,SAAS,QAAQ;AAAA,QACjB,OAAO,QAAQ;AAAA,QACf;AAAA,QACA,YAAY,QAAQ,cAAc,QAAQ;AAAA;AAAA,IAC5C;AAAA,IACC,SAAS,SAAS,KACjB,iCACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM;AAAA,UACN,MAAM,oBAAC,iBAAc,UAAS,SAAQ;AAAA,UACtC,SAAS,oBAAC,kBAAe,UAAS,SAAQ;AAAA,UAC1C,SAAS,CAAC,UAAU,YAAY,MAAM,aAAa;AAAA,UACnD;AAAA,UACA,iBAAc;AAAA,UACd,iBAAe;AAAA,UACf,YAAY,GAAG,YAAY;AAAA;AAAA,MAC7B;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA,SAAS,MAAM,YAAY,IAAI;AAAA,UAC/B,cAAc,EAAE,UAAU,UAAU,YAAY,QAAQ;AAAA,UACxD,iBAAiB,EAAE,UAAU,OAAO,YAAY,QAAQ;AAAA,UACxD,eAAa,GAAG,YAAY;AAAA,UAE3B,mBAAS,IAAI,CAAC,WACb;AAAA,YAAC;AAAA;AAAA,cAEC,UAAU,OAAO;AAAA,cACjB,SAAS,MAAM;AACb,4BAAY,IAAI;AAChB,uBAAO,UAAU;AAAA,cACnB;AAAA,cACA,eAAa,OAAO,cAAc,OAAO;AAAA,cAEzC;AAAA,oCAAC,gBAAa,IAAI,EAAE,UAAU,MAAM,EAAE,EAAE,GAAI,iBAAO,MAAK;AAAA,gBACxD,oBAAC,gBAAc,iBAAO,MAAK;AAAA;AAAA;AAAA,YATtB,OAAO;AAAA,UAUd,CACD;AAAA;AAAA,MACH;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-NNQCWXGY.js

@@ -0,0 +1,93 @@
+import {
+  TimelineRow
+} from "./chunk-EIYTS5VZ.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/Timeline/Timeline.tsx
+import Box from "@mui/material/Box/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var TimelineContainer = styled(Box)(
+  ({ theme, orientation }) => ({
+    display: "flex",
+    flexDirection: orientation === "vertical" ? "column" : "row",
+    gap: theme.spacing(2),
+    position: "relative",
+    width: "100%",
+    ...orientation === "horizontal" && {
+      overflowX: "auto",
+      paddingBottom: theme.spacing(2),
+      "&::-webkit-scrollbar": {
+        height: rem(theme, 8)
+      },
+      "&::-webkit-scrollbar-track": {
+        background: alpha(theme.palette.action.disabled, 0.1),
+        borderRadius: rem(theme, 4)
+      },
+      "&::-webkit-scrollbar-thumb": {
+        background: alpha(theme.palette.primary.main, 0.3),
+        borderRadius: rem(theme, 4),
+        "&:hover": {
+          background: alpha(theme.palette.primary.main, 0.5)
+        }
+      }
+    }
+  })
+);
+var Timeline = ({
+  items,
+  variant = "default",
+  orientation = "vertical",
+  showConnector = true,
+  animated = true,
+  alternating = false,
+  onItemClick
+}) => {
+  const [expandedItems, setExpandedItems] = React.useState(/* @__PURE__ */ new Set());
+  const handleExpandClick = (itemId, event) => {
+    event.stopPropagation();
+    setExpandedItems((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(itemId)) {
+        newSet.delete(itemId);
+      } else {
+        newSet.add(itemId);
+      }
+      return newSet;
+    });
+  };
+  return /* @__PURE__ */ jsx(
+    TimelineContainer,
+    {
+      orientation,
+      "data-testid": "timeline-container",
+      children: items.map((item, index) => /* @__PURE__ */ jsx(
+        TimelineRow,
+        {
+          item,
+          index,
+          isLast: index === items.length - 1,
+          variant,
+          orientation,
+          showConnector,
+          animated,
+          alternating,
+          isExpanded: expandedItems.has(item.id),
+          onItemClick,
+          onExpandClick: handleExpandClick
+        },
+        item.id
+      ))
+    }
+  );
+};
+var Timeline_default = Timeline;
+
+export {
+  Timeline,
+  Timeline_default
+};
+//# sourceMappingURL=chunk-NNQCWXGY.js.map

package/dist/chunk-NNQCWXGY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { TimelineRow } from './TimelineRow';\nimport type { TimelineProps } from './Timeline.types';\nimport { rem } from '../../../tokens/relative';\n\n// ---\n\n// --- Styled Components ---\nconst TimelineContainer = styled(Box)<{ orientation: 'vertical' | 'horizontal' }>(\n  ({ theme, orientation }) => ({\n    display: 'flex',\n    flexDirection: orientation === 'vertical' ? 'column' : 'row',\n    gap: theme.spacing(2),\n    position: 'relative',\n    width: '100%',\n    ...(orientation === 'horizontal' && {\n      overflowX: 'auto',\n      paddingBottom: theme.spacing(2),\n      '&::-webkit-scrollbar': {\n        height: rem(theme, 8) },\n      '&::-webkit-scrollbar-track': {\n        background: alpha(theme.palette.action.disabled, 0.1),\n        borderRadius: rem(theme, 4) },\n      '&::-webkit-scrollbar-thumb': {\n        background: alpha(theme.palette.primary.main, 0.3),\n        borderRadius: rem(theme, 4),\n        '&:hover': {\n          background: alpha(theme.palette.primary.main, 0.5) } } }) }),\n);\n\n\n// ---\n\n// Main component\nexport const Timeline: FC<TimelineProps> = ({\n  items,\n  variant = 'default',\n  orientation = 'vertical',\n  showConnector = true,\n  animated = true,\n  alternating = false,\n  onItemClick }) => {\n  const [expandedItems, setExpandedItems] = React.useState<Set<string>>(new Set());\n\n  const handleExpandClick = (itemId: string, event: React.MouseEvent) => {\n    event.stopPropagation();\n    setExpandedItems((prev) => {\n      const newSet = new Set(prev);\n      if (newSet.has(itemId)) {\n        newSet.delete(itemId);\n      } else {\n        newSet.add(itemId);\n      }\n      return newSet;\n    });\n  };\n\n  return (\n    <TimelineContainer\n      orientation={orientation}\n      data-testid=\"timeline-container\"\n    >\n      {items.map((item, index) => (\n        <TimelineRow\n          key={item.id}\n          item={item}\n          index={index}\n          isLast={index === items.length - 1}\n          variant={variant}\n          orientation={orientation}\n          showConnector={showConnector}\n          animated={animated}\n          alternating={alternating}\n          isExpanded={expandedItems.has(item.id)}\n          onItemClick={onItemClick}\n          onExpandClick={handleExpandClick}\n        />\n      ))}\n    </TimelineContainer>\n  );\n};\n\nexport default Timeline;\n"],"mappings":";;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,OAAO,cAAc;AAE9B,OAAO,WAAW;AA+DV;AAvDR,IAAM,oBAAoB,OAAO,GAAG;AAAA,EAClC,CAAC,EAAE,OAAO,YAAY,OAAO;AAAA,IAC3B,SAAS;AAAA,IACT,eAAe,gBAAgB,aAAa,WAAW;AAAA,IACvD,KAAK,MAAM,QAAQ,CAAC;AAAA,IACpB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,GAAI,gBAAgB,gBAAgB;AAAA,MAClC,WAAW;AAAA,MACX,eAAe,MAAM,QAAQ,CAAC;AAAA,MAC9B,wBAAwB;AAAA,QACtB,QAAQ,IAAI,OAAO,CAAC;AAAA,MAAE;AAAA,MACxB,8BAA8B;AAAA,QAC5B,YAAY,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG;AAAA,QACpD,cAAc,IAAI,OAAO,CAAC;AAAA,MAAE;AAAA,MAC9B,8BAA8B;AAAA,QAC5B,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG;AAAA,QACjD,cAAc,IAAI,OAAO,CAAC;AAAA,QAC1B,WAAW;AAAA,UACT,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG;AAAA,QAAE;AAAA,MAAE;AAAA,IAAE;AAAA,EAAG;AACpE;AAMO,IAAM,WAA8B,CAAC;AAAA,EAC1C;AAAA,EACA,UAAU;AAAA,EACV,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AAAY,MAAM;AAClB,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAsB,oBAAI,IAAI,CAAC;AAE/E,QAAM,oBAAoB,CAAC,QAAgB,UAA4B;AACrE,UAAM,gBAAgB;AACtB,qBAAiB,CAAC,SAAS;AACzB,YAAM,SAAS,IAAI,IAAI,IAAI;AAC3B,UAAI,OAAO,IAAI,MAAM,GAAG;AACtB,eAAO,OAAO,MAAM;AAAA,MACtB,OAAO;AACL,eAAO,IAAI,MAAM;AAAA,MACnB;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAY;AAAA,MAEX,gBAAM,IAAI,CAAC,MAAM,UAChB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,MAAM,SAAS;AAAA,UACjC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY,cAAc,IAAI,KAAK,EAAE;AAAA,UACrC;AAAA,UACA,eAAe;AAAA;AAAA,QAXV,KAAK;AAAA,MAYZ,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/chunk-NR5TW4AH.js

@@ -0,0 +1,67 @@
+import {
+  statusMessage
+} from "./chunk-OJ2XR3WH.js";
+import {
+  DayBoundInput
+} from "./chunk-GY4NBSCN.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-NR5TW4AH.js.map

package/dist/chunk-NRIV2CQ2.js

@@ -0,0 +1,108 @@
+import {
+  rem,
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/HoverCard/HoverCard.content.tsx
+import Avatar from "@mui/material/Avatar/index.js";
+import Box from "@mui/material/Box/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { styled, useTheme } from "@mui/material/styles/index.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LoadingContainer = styled(Box)(({ theme }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  minHeight: rem(theme, 80),
+  color: theme.palette.text.secondary
+}));
+var testId = (base, suffix, fallback) => base ? `${base}-${suffix}` : fallback;
+var CardAvatar = ({ avatar }) => {
+  if (!avatar) return null;
+  if (typeof avatar === "string") {
+    return /* @__PURE__ */ jsx(Avatar, { src: avatar, sx: { width: sxRem(48), height: sxRem(48), mr: 2 } });
+  }
+  const element = avatar;
+  return React.cloneElement(element, {
+    sx: { width: sxRem(48), height: sxRem(48), mr: 2, ...element.props.sx }
+  });
+};
+var Title = ({ title, variant, sx, dataTestId }) => /* @__PURE__ */ jsx(
+  Typography,
+  {
+    variant: variant === "minimal" ? "body2" : "subtitle1",
+    sx: { fontWeight: 600, ...sx },
+    "data-testid": testId(dataTestId, "title", "hover-card-title"),
+    children: title
+  }
+);
+var Description = ({ description, sx, dataTestId }) => /* @__PURE__ */ jsx(
+  Typography,
+  {
+    variant: "body2",
+    color: "text.secondary",
+    sx,
+    "data-testid": testId(dataTestId, "description", "hover-card-description"),
+    children: description
+  }
+);
+var DetailedContent = ({
+  title,
+  description,
+  avatar,
+  children,
+  dataTestId
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  avatar && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", mb: 2 }, children: [
+    /* @__PURE__ */ jsx(CardAvatar, { avatar }),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      title && /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "h6",
+          sx: { fontWeight: 600, mb: 0.5 },
+          "data-testid": testId(dataTestId, "title", "hover-card-title"),
+          children: title
+        }
+      ),
+      description && /* @__PURE__ */ jsx(Description, { description, dataTestId })
+    ] })
+  ] }),
+  !avatar && title && /* @__PURE__ */ jsx(
+    Typography,
+    {
+      variant: "h6",
+      sx: { fontWeight: 600, mb: 1 },
+      "data-testid": testId(dataTestId, "title", "hover-card-title"),
+      children: title
+    }
+  ),
+  !avatar && description && /* @__PURE__ */ jsx(Description, { description, sx: { mb: 1 }, dataTestId }),
+  children && /* @__PURE__ */ jsx(Box, { children })
+] });
+var HoverCardContent = (props) => {
+  const { variant, title, description, avatar, loading, loadingComponent, children, dataTestId } = props;
+  const { loadingText } = props;
+  const theme = useTheme();
+  if (loading) {
+    return /* @__PURE__ */ jsx(LoadingContainer, { children: loadingComponent || /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
+      /* @__PURE__ */ jsx(CircularProgress, { size: rem(theme, 20) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", children: loadingText })
+    ] }) });
+  }
+  if (variant === "detailed" && (avatar || title || description)) {
+    return /* @__PURE__ */ jsx(DetailedContent, { ...props });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    title && /* @__PURE__ */ jsx(Title, { title, variant, sx: { mb: 0.5 }, dataTestId }),
+    description && /* @__PURE__ */ jsx(Description, { description, dataTestId }),
+    children
+  ] });
+};
+
+export {
+  HoverCardContent
+};
+//# sourceMappingURL=chunk-NRIV2CQ2.js.map

package/dist/chunk-NRIV2CQ2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/HoverCard/HoverCard.content.tsx"],"sourcesContent":["import Avatar from '@mui/material/Avatar/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem, sxRem } from '../../../tokens/relative';\n\nimport type { HoverCardProps } from './HoverCard.types';\n\nconst LoadingContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  minHeight: rem(theme, 80),\n  color: theme.palette.text.secondary,\n}));\n\n/** `${dataTestId}-${suffix}`, or the shared default when the caller gave no id. */\nconst testId = (base: string | undefined, suffix: string, fallback: string) =>\n  base ? `${base}-${suffix}` : fallback;\n\nexport interface HoverCardContentProps\n  extends Pick<\n    HoverCardProps,\n    | 'variant'\n    | 'title'\n    | 'description'\n    | 'avatar'\n    | 'loading'\n    | 'loadingComponent'\n    | 'loadingText'\n    | 'children'\n  > {\n  dataTestId?: string;\n}\n\n/** A string avatar is a src; anything else is an element to re-size in place. */\nconst CardAvatar: React.FC<{ avatar: HoverCardProps['avatar'] }> = ({ avatar }) => {\n  if (!avatar) return null;\n\n  if (typeof avatar === 'string') {\n    return <Avatar src={avatar} sx={{ width: sxRem(48), height: sxRem(48), mr: 2 }} />;\n  }\n\n  const element = avatar as React.ReactElement<{ sx?: object }>;\n  return React.cloneElement(element, {\n    sx: { width: sxRem(48), height: sxRem(48), mr: 2, ...element.props.sx },\n  });\n};\n\nconst Title: React.FC<{\n  title: React.ReactNode;\n  variant?: string;\n  sx?: object;\n  dataTestId?: string;\n}> = ({ title, variant, sx, dataTestId }) => (\n  <Typography\n    variant={variant === 'minimal' ? 'body2' : 'subtitle1'}\n    sx={{ fontWeight: 600, ...sx }}\n    data-testid={testId(dataTestId, 'title', 'hover-card-title')}\n  >\n    {title}\n  </Typography>\n);\n\nconst Description: React.FC<{\n  description: React.ReactNode;\n  sx?: object;\n  dataTestId?: string;\n}> = ({ description, sx, dataTestId }) => (\n  <Typography\n    variant=\"body2\"\n    color=\"text.secondary\"\n    sx={sx}\n    data-testid={testId(dataTestId, 'description', 'hover-card-description')}\n  >\n    {description}\n  </Typography>\n);\n\n/** The detailed variant leads with the avatar and sets the text beside it. */\nconst DetailedContent: React.FC<HoverCardContentProps> = ({\n  title,\n  description,\n  avatar,\n  children,\n  dataTestId,\n}) => (\n  <>\n    {avatar && (\n      <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>\n        <CardAvatar avatar={avatar} />\n        <Box>\n          {title && (\n            <Typography\n              variant=\"h6\"\n              sx={{ fontWeight: 600, mb: 0.5 }}\n              data-testid={testId(dataTestId, 'title', 'hover-card-title')}\n            >\n              {title}\n            </Typography>\n          )}\n          {description && <Description description={description} dataTestId={dataTestId} />}\n        </Box>\n      </Box>\n    )}\n    {!avatar && title && (\n      <Typography\n        variant=\"h6\"\n        sx={{ fontWeight: 600, mb: 1 }}\n        data-testid={testId(dataTestId, 'title', 'hover-card-title')}\n      >\n        {title}\n      </Typography>\n    )}\n    {!avatar && description && (\n      <Description description={description} sx={{ mb: 1 }} dataTestId={dataTestId} />\n    )}\n    {children && <Box>{children}</Box>}\n  </>\n);\n\nexport const HoverCardContent: React.FC<HoverCardContentProps> = (props) => {\n  const { variant, title, description, avatar, loading, loadingComponent, children, dataTestId } =\n    props;\n  const { loadingText } = props;\n  const theme = useTheme();\n\n  if (loading) {\n    return (\n      <LoadingContainer>\n        {loadingComponent || (\n          <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n            <CircularProgress size={rem(theme, 20)} />\n            <Typography variant=\"body2\">{loadingText}</Typography>\n          </Box>\n        )}\n      </LoadingContainer>\n    );\n  }\n\n  if (variant === 'detailed' && (avatar || title || description)) {\n    return <DetailedContent {...props} />;\n  }\n\n  return (\n    <>\n      {title && (\n        <Title title={title} variant={variant} sx={{ mb: 0.5 }} dataTestId={dataTestId} />\n      )}\n      {description && <Description description={description} dataTestId={dataTestId} />}\n      {children}\n    </>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-NSKQANRY.js

@@ -0,0 +1,57 @@
+import {
+  Alert
+} from "./chunk-AUHYR7ID.js";
+
+// src/components/data-display/CardKit/card-actions-context.tsx
+import { createContext, useCallback, useContext, useState } from "react";
+import Snackbar from "@mui/material/Snackbar/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CardActionsContext = createContext(null);
+function CardActionsProvider({
+  tenantSlug,
+  onRefresh,
+  errorTitle,
+  errorDismissLabel,
+  autoHideMs = 6e3,
+  children
+}) {
+  const [error, setError] = useState(null);
+  const notifyError = useCallback((message) => setError(message), []);
+  return /* @__PURE__ */ jsxs(CardActionsContext.Provider, { value: { tenantSlug, onRefresh, notifyError }, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      Snackbar,
+      {
+        open: error !== null,
+        autoHideDuration: autoHideMs,
+        onClose: () => setError(null),
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+          Alert,
+          {
+            variant: "danger",
+            title: errorTitle,
+            description: error ?? "",
+            closable: true,
+            closeLabel: errorDismissLabel,
+            onClose: () => setError(null),
+            "data-testid": "card-action-error"
+          }
+        ) })
+      }
+    )
+  ] });
+}
+function useCardActions() {
+  const value = useContext(CardActionsContext);
+  if (!value) {
+    throw new Error("useCardActions must be used within a CardActionsProvider");
+  }
+  return value;
+}
+
+export {
+  CardActionsProvider,
+  useCardActions
+};
+//# sourceMappingURL=chunk-NSKQANRY.js.map