@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-MHFJBNDP.js

@@ -1,158 +0,0 @@
-import {
-  CategoryMultiFoot,
-  CategorySingleFoot
-} from "./chunk-PU3AAKRR.js";
-import {
-  CategoryQuickActions
-} from "./chunk-ZUIJ3N7N.js";
-import {
-  CategoryPanelList
-} from "./chunk-KSF7TLXH.js";
-import {
-  CategoryPanelHead,
-  CategoryPinnedTray
-} from "./chunk-GGE7Y53F.js";
-import {
-  removeChip
-} from "./chunk-LR6MSKTT.js";
-import {
-  panelSx,
-  sheetSx
-} from "./chunk-FCOEJCUP.js";
-
-// src/components/form/CategorySelect/CategoryPanel.tsx
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CategoryPanel({
-  state,
-  chips,
-  rowIds,
-  changed,
-  single,
-  sheet,
-  loading,
-  showCounts,
-  allowParentSelection,
-  ariaLabel,
-  onKeyDown,
-  onActivateCategory,
-  onActivateSubcategory,
-  onApply,
-  onCancel,
-  onCreateCategory,
-  searchInputRef,
-  listRef,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      onKeyDown,
-      role: "dialog",
-      "aria-label": ariaLabel,
-      "data-testid": `${dataTestId}-panel`,
-      sx: (theme) => ({ ...panelSx(theme), ...sheet ? sheetSx(theme) : {} }),
-      children: [
-        /* @__PURE__ */ jsx(
-          CategoryPanelHead,
-          {
-            copy,
-            query: state.query,
-            placeholder: single ? copy.search.placeholderSingle : copy.search.placeholderMulti,
-            sheet,
-            quickActions: single ? void 0 : /* @__PURE__ */ jsx(CategoryQuickActions, { state, dataTestId, copy }),
-            onQueryChange: state.setQuery,
-            searchInputRef,
-            dataTestId
-          }
-        ),
-        !single && !loading && /* @__PURE__ */ jsx(PinnedTray, { state, chips, dataTestId, copy }),
-        /* @__PURE__ */ jsx(
-          CategoryPanelList,
-          {
-            copy,
-            groups: state.visibleGroups,
-            query: state.query,
-            draft: state.draft,
-            rowIds,
-            activeIndex: state.activeIndex,
-            sheet,
-            single,
-            loading,
-            showCounts,
-            allowParentSelection,
-            isExpanded: state.isExpanded,
-            onToggleExpanded: state.toggleExpanded,
-            onActivateCategory,
-            onActivateSubcategory,
-            onClearQuery: () => state.setQuery(""),
-            onCreateCategory,
-            listRef,
-            dataTestId
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          PanelFooter,
-          {
-            state,
-            changed,
-            single,
-            sheet,
-            copy,
-            onApply,
-            onCancel,
-            dataTestId
-          }
-        )
-      ]
-    }
-  );
-}
-function PinnedTray({
-  state,
-  chips,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsx(
-    CategoryPinnedTray,
-    {
-      copy,
-      chips,
-      onRemove: (chipId) => state.setDraft(removeChip(state.allGroups, chipId, state.draft)),
-      dataTestId
-    }
-  );
-}
-function PanelFooter({
-  state,
-  changed,
-  single,
-  sheet,
-  onApply,
-  onCancel,
-  dataTestId,
-  copy
-}) {
-  if (single) {
-    return /* @__PURE__ */ jsx(CategorySingleFoot, { sheet, onCancel, dataTestId, copy });
-  }
-  return /* @__PURE__ */ jsx(
-    CategoryMultiFoot,
-    {
-      count: state.draft.size,
-      changed,
-      sheet,
-      copy,
-      onClear: () => state.setDraft(/* @__PURE__ */ new Set()),
-      onApply,
-      dataTestId
-    }
-  );
-}
-
-export {
-  CategoryPanel
-};
-//# sourceMappingURL=chunk-MHFJBNDP.js.map

package/dist/chunk-MLOWPVVW.js

@@ -1,44 +0,0 @@
-// src/tokens/field-edge.ts
-import {
-  darken,
-  decomposeColor,
-  getContrastRatio,
-  getLuminance,
-  hslToRgb,
-  lighten,
-  recomposeColor
-} from "@mui/material/styles/index.js";
-var MIN_UI_CONTRAST = 3;
-var STEP = 0.05;
-var MAX_STEPS = 20;
-function flatten(colour, surface) {
-  const decomposed = decomposeColor(colour);
-  const rgb = decomposed.type.startsWith("hsl") ? decomposeColor(hslToRgb(colour)) : decomposed;
-  const [r, g, b] = rgb.values;
-  const alpha = rgb.values[3] ?? 1;
-  if (alpha >= 1) return recomposeColor({ type: "rgb", values: [r, g, b] });
-  const behind = decomposeColor(surface);
-  const base = behind.type.startsWith("hsl") ? decomposeColor(hslToRgb(surface)) : behind;
-  const blend = (fg, bg) => Math.round(alpha * fg + (1 - alpha) * bg);
-  return recomposeColor({
-    type: "rgb",
-    values: [blend(r, base.values[0]), blend(g, base.values[1]), blend(b, base.values[2])]
-  });
-}
-function fieldEdge(theme, surface) {
-  const ground = flatten(surface ?? theme.palette.background.paper, "#FFFFFF");
-  const seed = flatten(theme.palette.divider, ground);
-  if (getContrastRatio(seed, ground) >= MIN_UI_CONTRAST) return seed;
-  const away = getLuminance(ground) > 0.5 ? darken : lighten;
-  for (let step = 1; step <= MAX_STEPS; step += 1) {
-    const candidate = away(seed, step * STEP);
-    if (getContrastRatio(candidate, ground) >= MIN_UI_CONTRAST) return candidate;
-  }
-  return getLuminance(ground) > 0.5 ? "#000000" : "#FFFFFF";
-}
-
-export {
-  MIN_UI_CONTRAST,
-  fieldEdge
-};
-//# sourceMappingURL=chunk-MLOWPVVW.js.map

package/dist/chunk-MLOWPVVW.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/field-edge.ts"],"sourcesContent":["import {\n  darken,\n  decomposeColor,\n  getContrastRatio,\n  getLuminance,\n  hslToRgb,\n  lighten,\n  recomposeColor,\n} from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\n\n/**\n * THE EDGE THAT TELLS YOU WHERE A FIELD IS.\n *\n * Every outlined control in this package drew its resting border from\n * `alpha(theme.palette.divider, 0.23)` — or 0.2, or 0.18, or 0.42 for the\n * underline. On the MUI default theme that expression is harmless, and that is\n * exactly why it survived: MUI's own light `divider` is `rgba(0, 0, 0, 0.12)`,\n * and `alpha()` REPLACES the alpha channel rather than multiplying it, so\n * `alpha(divider, 0.23)` resolves to `rgba(0, 0, 0, 0.23)` — byte for byte the\n * border MUI's own `OutlinedInput` ships. The line reads like a restatement of\n * the default because, against the default, it is one.\n *\n * Give it a theme whose `divider` is an OPAQUE hex and the same expression\n * collapses. A themed divider is already a hairline — a pale warm cream, a pale\n * green-grey — chosen to separate two rows INSIDE a card. Fading that to 23%\n * over the card it sits on leaves a border the same colour as the card:\n *\n * | theme                          | resolved border | ratio |\n * |--------------------------------|-----------------|-------|\n * | MUI default (`rgba(0,0,0,.12)`)| `#C4C4C4`       | 1.74:1|\n * | a warm hairline `#EBD9C7`      | `#FAF6F2`       | 1.08:1|\n * | a cool hairline `#D7DDD5`      | `#EDF0EC`       | 1.06:1|\n *\n * 1.06:1 is not a faint border, it is no border: the field is invisible until\n * you click into it. Both failing rows are real adopter themes, and neither\n * adopter did anything wrong — they set `palette.divider`, which is what a theme\n * is for.\n *\n * **So the fault is using `divider` for this at all**, not the alpha on top of\n * it. Even at FULL strength those hairlines are 1.26:1 and 1.27:1 against their\n * own paper. A row separator and a control boundary are different jobs with\n * different floors, and only one of them has a number in the spec.\n *\n * ## The floor, and why it is measured rather than picked\n *\n * WCAG 2.1 SC 1.4.11 (Non-text Contrast) puts a control's own boundary at\n * {@link MIN_UI_CONTRAST}. A hex cannot satisfy that on its own, because the\n * ratio is a fact about a PAIR — the same border is fine on white and gone on a\n * dark card. So {@link fieldEdge} takes the theme's hairline as a SEED and walks\n * it away from the surface until it clears, which means:\n *\n *  - a theme whose divider already clears keeps its own colour, untouched;\n *  - one that does not gets the nearest tone of ITS OWN hairline that does, so\n *    the border still looks like the theme's, just visible;\n *  - dark mode needs no second table — the walk lightens on a dark surface for\n *    the same reason it darkens on a light one.\n *\n * This is the argument `readableInk` makes for text in `@12-apps/app-shell`,\n * applied to the boundary rather than the ink. It is not imported from there:\n * that package depends on THIS one, so the edge would be a cycle.\n *\n * ## What this does NOT touch\n *\n * Hover and focus, which every control already draws in `primary.main` — a\n * corrected brand colour that clears the floor by construction. The resting\n * state was the only one you could not see, and it is the one that matters,\n * because it is the state a field is in before anyone has found it.\n */\n\n/**\n * WCAG 2.1 SC 1.4.11 — the contrast a control's own boundary owes the surface\n * behind it.\n *\n * 3:1 rather than the 4.5:1 the same spec asks of body text: a border is a\n * shape, not a glyph, so it stays findable at a lower ratio. It is a FLOOR and\n * not a target — {@link fieldEdge} stops at the first tone that clears it, so a\n * theme with a stronger hairline keeps the stronger one.\n */\nexport const MIN_UI_CONTRAST = 3;\n\n/** How far one step of the walk moves, and how many steps before it gives up. */\nconst STEP = 0.05;\nconst MAX_STEPS = 20;\n\n/**\n * A colour as an opaque `rgb()`, with any translucency resolved against\n * `surface`.\n *\n * Needed because `getContrastRatio` reads the channels it is given and ignores\n * the alpha, so handing it an `rgba()` measures a colour nobody sees. Every\n * failing border above was translucent, so skipping this would compute the ratio\n * of the hairline itself — 1.26:1, still a failure, but the wrong number for the\n * wrong reason.\n */\nfunction flatten(colour: string, surface: string): string {\n  const decomposed = decomposeColor(colour);\n  const rgb = decomposed.type.startsWith('hsl')\n    ? decomposeColor(hslToRgb(colour))\n    : decomposed;\n  const [r, g, b] = rgb.values;\n  const alpha = rgb.values[3] ?? 1;\n  if (alpha >= 1) return recomposeColor({ type: 'rgb', values: [r, g, b] });\n\n  const behind = decomposeColor(surface);\n  const base = behind.type.startsWith('hsl') ? decomposeColor(hslToRgb(surface)) : behind;\n  const blend = (fg: number, bg: number): number => Math.round(alpha * fg + (1 - alpha) * bg);\n  return recomposeColor({\n    type: 'rgb',\n    values: [blend(r, base.values[0]), blend(g, base.values[1]), blend(b, base.values[2])],\n  });\n}\n\n/**\n * The resting boundary for a form control on `surface`.\n *\n * `surface` defaults to `background.paper` because that is what a field sits on\n * in the overwhelming majority of cases — a dialog, a card, a form panel. A\n * control on a deliberately different ground (a tinted strip, a glass pane over\n * a photo) should pass the ground it is actually on; the answer is only as good\n * as the pair it is given.\n */\nexport function fieldEdge(theme: Theme, surface?: string): string {\n  const ground = flatten(surface ?? theme.palette.background.paper, '#FFFFFF');\n  const seed = flatten(theme.palette.divider, ground);\n  if (getContrastRatio(seed, ground) >= MIN_UI_CONTRAST) return seed;\n\n  // Away from the surface, whichever way that is — so one rule serves both\n  // modes, and a dark card in a light theme is still handled by the pair rather\n  // than by `palette.mode`.\n  const away = getLuminance(ground) > 0.5 ? darken : lighten;\n  for (let step = 1; step <= MAX_STEPS; step += 1) {\n    // From the SEED each time rather than compounding the previous result, so\n    // the walk lands on the nearest passing tone instead of overshooting past it.\n    const candidate = away(seed, step * STEP);\n    if (getContrastRatio(candidate, ground) >= MIN_UI_CONTRAST) return candidate;\n  }\n  // Unreachable for any real surface — black clears 21:1 on white and white\n  // clears it on black — but a caller must never be handed `undefined`.\n  return getLuminance(ground) > 0.5 ? '#000000' : '#FFFFFF';\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAuEA,IAAM,kBAAkB;AAG/B,IAAM,OAAO;AACb,IAAM,YAAY;AAYlB,SAAS,QAAQ,QAAgB,SAAyB;AACxD,QAAM,aAAa,eAAe,MAAM;AACxC,QAAM,MAAM,WAAW,KAAK,WAAW,KAAK,IACxC,eAAe,SAAS,MAAM,CAAC,IAC/B;AACJ,QAAM,CAAC,GAAG,GAAG,CAAC,IAAI,IAAI;AACtB,QAAM,QAAQ,IAAI,OAAO,CAAC,KAAK;AAC/B,MAAI,SAAS,EAAG,QAAO,eAAe,EAAE,MAAM,OAAO,QAAQ,CAAC,GAAG,GAAG,CAAC,EAAE,CAAC;AAExE,QAAM,SAAS,eAAe,OAAO;AACrC,QAAM,OAAO,OAAO,KAAK,WAAW,KAAK,IAAI,eAAe,SAAS,OAAO,CAAC,IAAI;AACjF,QAAM,QAAQ,CAAC,IAAY,OAAuB,KAAK,MAAM,QAAQ,MAAM,IAAI,SAAS,EAAE;AAC1F,SAAO,eAAe;AAAA,IACpB,MAAM;AAAA,IACN,QAAQ,CAAC,MAAM,GAAG,KAAK,OAAO,CAAC,CAAC,GAAG,MAAM,GAAG,KAAK,OAAO,CAAC,CAAC,GAAG,MAAM,GAAG,KAAK,OAAO,CAAC,CAAC,CAAC;AAAA,EACvF,CAAC;AACH;AAWO,SAAS,UAAU,OAAc,SAA0B;AAChE,QAAM,SAAS,QAAQ,WAAW,MAAM,QAAQ,WAAW,OAAO,SAAS;AAC3E,QAAM,OAAO,QAAQ,MAAM,QAAQ,SAAS,MAAM;AAClD,MAAI,iBAAiB,MAAM,MAAM,KAAK,gBAAiB,QAAO;AAK9D,QAAM,OAAO,aAAa,MAAM,IAAI,MAAM,SAAS;AACnD,WAAS,OAAO,GAAG,QAAQ,WAAW,QAAQ,GAAG;AAG/C,UAAM,YAAY,KAAK,MAAM,OAAO,IAAI;AACxC,QAAI,iBAAiB,WAAW,MAAM,KAAK,gBAAiB,QAAO;AAAA,EACrE;AAGA,SAAO,aAAa,MAAM,IAAI,MAAM,YAAY;AAClD;","names":[]}

package/dist/chunk-MMZAGB64.js

@@ -1,41 +0,0 @@
-// src/components/data-display/Badge/Badge.helpers.ts
-var BADGE_DEFAULTS = {
-  variant: "default",
-  size: "md",
-  color: "primary",
-  glow: false,
-  pulse: false,
-  animate: true,
-  shimmer: false,
-  bounce: false,
-  max: 99,
-  showZero: false,
-  position: "top-right",
-  closable: false
-};
-var resolveBadgeProps = (props) => ({
-  ...BADGE_DEFAULTS,
-  ...Object.fromEntries(
-    Object.entries(props).filter(([, value]) => value !== void 0)
-  )
-});
-var badgeContentOf = (props) => {
-  if (props.content !== void 0) return props.content;
-  if (props.badgeContent !== void 0) return props.badgeContent;
-  return null;
-};
-var formatCount = (count, { max, showZero }) => {
-  if (typeof count !== "number") return count;
-  if (count === 0 && !showZero) return null;
-  if (count > max) return `${max}+`;
-  return count;
-};
-var definedAria = (aria) => Object.fromEntries(Object.entries(aria).filter(([, value]) => value !== void 0));
-
-export {
-  resolveBadgeProps,
-  badgeContentOf,
-  formatCount,
-  definedAria
-};
-//# sourceMappingURL=chunk-MMZAGB64.js.map

package/dist/chunk-MMZAGB64.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Badge/Badge.helpers.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { BadgeProps } from './Badge.types';\n\ntype BadgeDefaultedKeys =\n  | 'variant'\n  | 'size'\n  | 'color'\n  | 'glow'\n  | 'pulse'\n  | 'animate'\n  | 'shimmer'\n  | 'bounce'\n  | 'max'\n  | 'showZero'\n  | 'position'\n  | 'closable';\n\nexport type ResolvedBadgeProps = BadgeProps & Required<Pick<BadgeProps, BadgeDefaultedKeys>>;\n\nconst BADGE_DEFAULTS: Pick<BadgeProps, BadgeDefaultedKeys> = {\n  variant: 'default',\n  size: 'md',\n  color: 'primary',\n  glow: false,\n  pulse: false,\n  animate: true,\n  shimmer: false,\n  bounce: false,\n  max: 99,\n  showZero: false,\n  position: 'top-right',\n  closable: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put twelve\n// branches into the component's own complexity budget.\nexport const resolveBadgeProps = (props: BadgeProps): ResolvedBadgeProps =>\n  ({\n    ...BADGE_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<BadgeProps>),\n  }) as ResolvedBadgeProps;\n\n// `content` supersedes the older `badgeContent` prop.\nexport const badgeContentOf = (props: Pick<BadgeProps, 'content' | 'badgeContent'>): ReactNode => {\n  if (props.content !== undefined) return props.content;\n  if (props.badgeContent !== undefined) return props.badgeContent;\n  return null;\n};\n\n// Counts cap at `max` and, unless showZero is set, a zero renders nothing.\nexport const formatCount = (\n  count: ReactNode,\n  { max, showZero }: { max: number; showZero: boolean },\n): ReactNode => {\n  if (typeof count !== 'number') return count;\n  if (count === 0 && !showZero) return null;\n  if (count > max) return `${max}+`;\n  return count;\n};\n\n// MUI spreads these straight onto the badge span, where an explicit undefined\n// would render as an empty attribute.\nexport const definedAria = (\n  aria: Record<string, string | boolean | undefined>,\n): Record<string, string | boolean> =>\n  Object.fromEntries(Object.entries(aria).filter(([, value]) => value !== undefined)) as Record<\n    string,\n    string | boolean\n  >;\n"],"mappings":";AAoBA,IAAM,iBAAuD;AAAA,EAC3D,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AACZ;AAMO,IAAM,oBAAoB,CAAC,WAC/B;AAAA,EACC,GAAG;AAAA,EACH,GAAI,OAAO;AAAA,IACT,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AAAA,EACjE;AACF;AAGK,IAAM,iBAAiB,CAAC,UAAmE;AAChG,MAAI,MAAM,YAAY,OAAW,QAAO,MAAM;AAC9C,MAAI,MAAM,iBAAiB,OAAW,QAAO,MAAM;AACnD,SAAO;AACT;AAGO,IAAM,cAAc,CACzB,OACA,EAAE,KAAK,SAAS,MACF;AACd,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI,UAAU,KAAK,CAAC,SAAU,QAAO;AACrC,MAAI,QAAQ,IAAK,QAAO,GAAG,GAAG;AAC9B,SAAO;AACT;AAIO,IAAM,cAAc,CACzB,SAEA,OAAO,YAAY,OAAO,QAAQ,IAAI,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS,CAAC;","names":[]}

package/dist/chunk-MQUU2XZB.js

@@ -1,146 +0,0 @@
-import {
-  fadeInScaleAnimation
-} from "./chunk-HKFMPEXJ.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 = "3px";
-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(8px)",
-      // `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 1px 3px ${alpha(theme.palette.common.black, 0.1)}`
-    };
-  }
-  return {};
-}
-var MOTION_OK = "@media (prefers-reduced-motion: no-preference)";
-function accentBar(main) {
-  return {
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      insetInlineStart: 0,
-      insetBlock: 0,
-      width: 3,
-      borderStartStartRadius: "inherit",
-      borderEndStartRadius: "inherit",
-      backgroundColor: main,
-      pointerEvents: "none"
-    }
-  };
-}
-function liftSx(main) {
-  return {
-    boxShadow: [
-      `0 0 0 1px ${alpha(main, 0.45)}`,
-      `0 1px 2px ${alpha(main, 0.12)}`,
-      `0 8px 20px -6px ${alpha(main, 0.3)}`
-    ].join(", ")
-  };
-}
-function pulseSx(main) {
-  return {
-    [MOTION_OK]: {
-      "&::after": {
-        content: '""',
-        position: "absolute",
-        inset: 0,
-        borderRadius: "inherit",
-        border: `2px solid ${main}`,
-        animation: `${pulseRing} 1.6s ease-out 6`,
-        pointerEvents: "none"
-      }
-    }
-  };
-}
-function emphasisSx(emphasis, main, shape) {
-  if (emphasis === "attention") {
-    return {
-      ...accentBar(main),
-      ...shape === "tile" ? liftSx(main) : {},
-      ...pulseSx(main)
-    };
-  }
-  if (emphasis === "new") {
-    return {
-      ...accentBar(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 1px ${main}`,
-      backgroundColor: "action.selected"
-    } : {},
-    ...emphasisSx(emphasis, main, props.shape)
-  };
-}
-
-export {
-  CARD_RADIUS,
-  slotTestIds,
-  isSelectable,
-  isActionable,
-  cardSurfaceStyles
-};
-//# sourceMappingURL=chunk-MQUU2XZB.js.map

package/dist/chunk-N4WANJI3.js

@@ -1,173 +0,0 @@
-import {
-  highlightSegments
-} from "./chunk-LR6MSKTT.js";
-import {
-  CheckGlyph,
-  DisclosureGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  METRICS,
-  checkboxBarSx,
-  checkboxSx,
-  chevronButtonSx,
-  markSx,
-  radioSx,
-  rowMetaSx,
-  rowNameSx,
-  rowSx,
-  sectionHeadSx
-} from "./chunk-FCOEJCUP.js";
-
-// src/components/form/CategorySelect/CategoryRows.tsx
-import Box from "@mui/material/Box/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function HighlightedName({
-  text,
-  query
-}) {
-  const segments = highlightSegments(text, query);
-  return /* @__PURE__ */ jsx(Fragment, { children: segments.map(
-    (segment, index) => segment.match ? /* @__PURE__ */ jsx(Box, { component: "mark", sx: markSx, children: segment.text }, `${segment.text}-${index}`) : /* @__PURE__ */ jsx("span", { children: segment.text }, `${segment.text}-${index}`)
-  ) });
-}
-function CategoryCheckbox({ state }) {
-  return /* @__PURE__ */ jsxs(Box, { sx: (theme) => checkboxSx(theme, state), "aria-hidden": "true", children: [
-    state === "on" && /* @__PURE__ */ jsx(CheckGlyph, {}),
-    state === "partial" && /* @__PURE__ */ jsx(Box, { sx: checkboxBarSx })
-  ] });
-}
-function CategoryRadio({ on }) {
-  return /* @__PURE__ */ jsx(Box, { sx: (theme) => radioSx(theme, on), "aria-hidden": "true" });
-}
-function rowMeta(selectedCount, showCounts, count) {
-  if (selectedCount > 0) return { text: String(selectedCount), selected: true };
-  if (showCounts && count !== void 0) return { text: String(count), selected: false };
-  return null;
-}
-function HeadRowDisclosure({
-  option,
-  expanded,
-  expandable,
-  onToggleExpanded,
-  dataTestId,
-  copy
-}) {
-  if (!expandable) {
-    return /* @__PURE__ */ jsx(Box, { sx: { width: METRICS.chevronButton, flex: "0 0 auto" } });
-  }
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      tabIndex: -1,
-      "aria-label": expanded ? copy.collapseCategory(option.name) : copy.expandCategory(option.name),
-      "data-testid": `${dataTestId}-expand-${option.id}`,
-      sx: (theme) => chevronButtonSx(theme, expanded),
-      onClick: (event) => {
-        event.stopPropagation();
-        onToggleExpanded();
-      },
-      children: /* @__PURE__ */ jsx(DisclosureGlyph, {})
-    }
-  );
-}
-function HeadRowControl({
-  checkState,
-  single
-}) {
-  if (!checkState) return /* @__PURE__ */ jsx(Box, { sx: { width: METRICS.boxSize, flex: "0 0 auto" } });
-  if (single) return /* @__PURE__ */ jsx(CategoryRadio, { on: checkState === "on" });
-  return /* @__PURE__ */ jsx(CategoryCheckbox, { state: checkState });
-}
-function CategoryHeadRow({
-  option,
-  query,
-  expanded,
-  active,
-  sheet,
-  checkState,
-  single,
-  expandable,
-  selectedCount,
-  showCounts,
-  onToggleExpanded,
-  onActivate,
-  dataTestId,
-  copy
-}) {
-  const meta = rowMeta(selectedCount, showCounts, option.count);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "div",
-      role: checkState ? "option" : "button",
-      "aria-selected": checkState ? checkState === "on" : void 0,
-      "aria-expanded": expandable ? expanded : void 0,
-      "data-testid": `${dataTestId}-category-${option.id}`,
-      sx: (theme) => rowSx(theme, active, sheet),
-      onClick: onActivate,
-      children: [
-        /* @__PURE__ */ jsx(
-          HeadRowDisclosure,
-          {
-            option,
-            expanded,
-            expandable,
-            onToggleExpanded,
-            dataTestId,
-            copy
-          }
-        ),
-        /* @__PURE__ */ jsx(HeadRowControl, { checkState, single }),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowNameSx(theme, true), children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) }),
-        meta && /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowMetaSx(theme, meta.selected), children: meta.text })
-      ]
-    }
-  );
-}
-function SubcategoryRow({
-  option,
-  query,
-  selected,
-  active,
-  sheet,
-  single,
-  showCounts,
-  onActivate,
-  dataTestId
-}) {
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "div",
-      role: "option",
-      "aria-selected": selected,
-      "data-testid": `${dataTestId}-option-${option.id}`,
-      sx: (theme) => ({ ...rowSx(theme, active, sheet), paddingLeft: "14px" }),
-      onClick: onActivate,
-      children: [
-        /* @__PURE__ */ jsx(Box, { sx: { width: METRICS.chevronButton, flex: "0 0 auto" } }),
-        single ? /* @__PURE__ */ jsx(CategoryRadio, { on: selected }) : /* @__PURE__ */ jsx(CategoryCheckbox, { state: selected ? "on" : "off" }),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowNameSx(theme, false), children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) }),
-        showCounts && option.count !== void 0 && /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowMetaSx(theme, false), children: option.count })
-      ]
-    }
-  );
-}
-function CategorySectionHeading({
-  option,
-  query
-}) {
-  return /* @__PURE__ */ jsx(Box, { sx: sectionHeadSx, children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) });
-}
-
-export {
-  HighlightedName,
-  CategoryCheckbox,
-  CategoryRadio,
-  CategoryHeadRow,
-  SubcategoryRow,
-  CategorySectionHeading
-};
-//# sourceMappingURL=chunk-N4WANJI3.js.map