@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-25ZHYJIV.js

@@ -0,0 +1,225 @@
+import {
+  RAIL_GAP_PX
+} from "./chunk-EPWXEGLH.js";
+import {
+  DescriptionItem
+} from "./chunk-XDWNHACB.js";
+import {
+  Box
+} from "./chunk-34DQAXL2.js";
+import {
+  Text
+} from "./chunk-R52HJAYO.js";
+
+// src/components/data-display/DataViews/base-list-card-slots.tsx
+import { Fragment } from "react";
+import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
+var META_BREAK = 520;
+var STACK_BREAK = 360;
+var TABULAR = { fontVariantNumeric: "tabular-nums" };
+var CLAMP = {
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+function ListCardCaption({
+  title,
+  subtitle,
+  href,
+  target,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(Box, { "data-slot": "caption", sx: { minWidth: 0 }, children: [
+    title != null && /* @__PURE__ */ jsx(Text, { variant: "heading", size: "sm", weight: "bold", as: "p", children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        ...href ? { component: "a", href, target } : { component: "span" },
+        "data-testid": testId,
+        sx: {
+          display: "block",
+          lineHeight: 1.2,
+          fontSize: "0.9rem",
+          color: "inherit",
+          textDecoration: "none",
+          ...CLAMP,
+          ...href ? {
+            "&::after": {
+              content: '""',
+              position: "absolute",
+              inset: 0,
+              // Under the checkbox, drag grip, actions and menu, which
+              // all raise themselves to 1.
+              zIndex: 0
+            },
+            "&:hover": { textDecoration: "underline" }
+          } : {}
+        },
+        children: title
+      }
+    ) }),
+    subtitle != null && /* @__PURE__ */ jsx(Text, { variant: "caption", size: "xs", color: "secondary", as: "p", children: /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "block", ...CLAMP }, children: subtitle }) })
+  ] });
+}
+function MetaRule() {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "aria-hidden": true,
+      sx: {
+        flex: "0 0 auto",
+        color: "text.disabled",
+        opacity: 0.5,
+        userSelect: "none",
+        fontSize: "0.875rem",
+        // A cancelled row strikes the whole meta cluster, and a struck `|` is a
+        // dagger. The rule is punctuation, not data — nothing to void.
+        textDecoration: "none"
+      },
+      children: "|"
+    }
+  );
+}
+function ListCardMeta({
+  meta,
+  metaSlot,
+  trailingRule
+}) {
+  const items = meta ?? [];
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      "data-slot": "meta",
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-evenly",
+        // A FLOOR, not the spacing itself: `space-evenly` supplies the rest, and
+        // this is only what keeps a rail with no room to spare from running the
+        // date straight into the rule.
+        gap: 1,
+        whiteSpace: "nowrap",
+        ...TABULAR,
+        // Rung 1 of the ladder.
+        [`@container (max-width: ${META_BREAK}px)`]: { display: "none" }
+      },
+      children: [
+        items.map((item, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          index > 0 && /* @__PURE__ */ jsx(MetaRule, {}),
+          /* @__PURE__ */ jsx(
+            Box,
+            {
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                minWidth: 0,
+                // Sized to the pair, so the gaps either side of it are free space
+                // that `space-evenly` can equalise.
+                flex: "0 0 auto"
+              },
+              children: /* @__PURE__ */ jsx(DescriptionItem, { orientation: "vertical", align: "center", ...item })
+            }
+          )
+        ] }, `${item.label}-${index}`)),
+        metaSlot,
+        trailingRule && items.length > 0 && /* @__PURE__ */ jsx(MetaRule, {})
+      ]
+    }
+  );
+}
+var VALUE_FLUSH = {
+  marginLeft: `-${RAIL_GAP_PX}px`,
+  [`@container (max-width: ${META_BREAK}px)`]: { marginLeft: 0 }
+};
+function ListCardValue({ value }) {
+  return /* @__PURE__ */ jsx(Text, { variant: "body", size: "sm", weight: "medium", as: "span", children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "span",
+      sx: { fontSize: "0.875rem", whiteSpace: "nowrap", ...TABULAR },
+      children: value
+    }
+  ) });
+}
+function ListCardActions({
+  actions,
+  alwaysVisible,
+  menu,
+  testId
+}) {
+  if (actions == null && menu == null) return null;
+  return (
+    // z-index 1: above the stretched link, so these stay clickable.
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        "data-slot": "actions",
+        sx: { display: "flex", alignItems: "center", gap: 0.5, position: "relative", zIndex: 1 },
+        children: [
+          actions && /* @__PURE__ */ jsx(
+            Box,
+            {
+              "data-testid": testId("actions"),
+              onClick: (event) => event.stopPropagation(),
+              sx: {
+                display: "flex",
+                alignItems: "center",
+                gap: 0.5,
+                ...alwaysVisible ? {} : {
+                  visibility: "hidden",
+                  ".MuiPaper-root:hover &, .MuiPaper-root:focus-within &": {
+                    visibility: "visible"
+                  }
+                }
+              },
+              children: actions
+            }
+          ),
+          menu && /* @__PURE__ */ jsx(Box, { "data-testid": testId("menu"), onClick: (event) => event.stopPropagation(), children: menu })
+        ]
+      }
+    )
+  );
+}
+function ListCardTail({
+  value,
+  separated,
+  actions,
+  actionsAlwaysVisible,
+  menu,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(Fragment2, { children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        "data-slot": "value",
+        sx: {
+          textAlign: "right",
+          ...separated && value != null ? VALUE_FLUSH : {}
+        },
+        "data-testid": testId("value"),
+        children: value != null && /* @__PURE__ */ jsx(ListCardValue, { value })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ListCardActions,
+      {
+        actions,
+        alwaysVisible: actionsAlwaysVisible,
+        menu,
+        testId
+      }
+    )
+  ] });
+}
+
+export {
+  META_BREAK,
+  STACK_BREAK,
+  ListCardCaption,
+  ListCardMeta,
+  ListCardActions,
+  ListCardTail
+};
+//# sourceMappingURL=chunk-25ZHYJIV.js.map

package/dist/chunk-25ZHYJIV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/base-list-card-slots.tsx"],"sourcesContent":["\"use client\";\n\nimport { Fragment, type ReactNode } from \"react\";\n\nimport { DescriptionItem, type DescriptionItemProps } from \"../DescriptionItem\";\nimport { RAIL_GAP_PX } from \"./list-card-rails\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\n/**\n * WHAT SITS IN EACH RAIL.\n *\n * Split from `base-list-card` at the size gate: that module is the shell, the\n * rails and the states; this is the content of each column.\n */\n\n/** Below this the row drops its middle columns. */\nexport const META_BREAK = 520;\n/** …and below this it leaves the shared rails and goes two-line. */\nexport const STACK_BREAK = 360;\n\n/** Money and dates line up only if their digits are the same width. */\nconst TABULAR = { fontVariantNumeric: \"tabular-nums\" } as const;\n\nconst CLAMP = {\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n} as const;\n\n/**\n * Title over subtitle — and, when the row navigates, the anchor that covers it.\n *\n * The link is a real `<a>` stretched by `::after` over the whole card rather\n * than a click handler on a `<div>`. That buys cmd-click, middle-click, \"copy\n * link address\", the status bar preview and correct tab order, and it stops the\n * buttons elsewhere in the row from being interactive elements nested inside a\n * clickable one.\n */\nexport function ListCardCaption({\n  title,\n  subtitle,\n  href,\n  target,\n  testId,\n}: {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  href?: string;\n  target?: string;\n  testId?: string;\n}): React.JSX.Element {\n  return (\n    <Box data-slot=\"caption\" sx={{ minWidth: 0 }}>\n      {title != null && (\n        <Text variant=\"heading\" size=\"sm\" weight=\"bold\" as=\"p\">\n          <Box\n            {...(href ? { component: \"a\", href, target } : { component: \"span\" })}\n            data-testid={testId}\n            sx={{\n              display: \"block\",\n              lineHeight: 1.2,\n              fontSize: \"0.9rem\",\n              color: \"inherit\",\n              textDecoration: \"none\",\n              ...CLAMP,\n              ...(href\n                ? {\n                    \"&::after\": {\n                      content: '\"\"',\n                      position: \"absolute\",\n                      inset: 0,\n                      // Under the checkbox, drag grip, actions and menu, which\n                      // all raise themselves to 1.\n                      zIndex: 0,\n                    },\n                    \"&:hover\": { textDecoration: \"underline\" },\n                  }\n                : {}),\n            }}\n          >\n            {title}\n          </Box>\n        </Text>\n      )}\n      {subtitle != null && (\n        <Text variant=\"caption\" size=\"xs\" color=\"secondary\" as=\"p\">\n          <Box component=\"span\" sx={{ display: \"block\", ...CLAMP }}>\n            {subtitle}\n          </Box>\n        </Text>\n      )}\n    </Box>\n  );\n}\n\n/** One rule between two columns. Shared, so every gap gets the same mark. */\nfunction MetaRule(): React.JSX.Element {\n  return (\n    <Box\n      aria-hidden\n      sx={{\n        flex: \"0 0 auto\",\n        color: \"text.disabled\",\n        opacity: 0.5,\n        userSelect: \"none\",\n        fontSize: \"0.875rem\",\n        // A cancelled row strikes the whole meta cluster, and a struck `|` is a\n        // dagger. The rule is punctuation, not data — nothing to void.\n        textDecoration: \"none\",\n      }}\n    >\n      |\n    </Box>\n  );\n}\n\n/**\n * The middle columns: stacked label-over-value pairs, separated by a rule.\n *\n * Stacked rather than side by side because `DATA 05/08/2026` inline spends the\n * horizontal room the value rail needs, and the separator is what stops two\n * adjacent pairs reading as one four-word phrase.\n *\n * EVEN GAPS, NOT EVEN BOXES. The rail takes a share of the row's spare width\n * per pair (see `metaRail`), and the obvious way to spend it — give every pair\n * an equal-width box and centre its content — puts the separator on the BOX\n * boundary, which is only the visual midpoint when both pairs are the same\n * width. They never are: `05/08/2026, 13:45` reaches almost to the edge of its\n * box while `PIX` stops well short of its own, so the rule ends up crowded\n * against the date and adrift from the method.\n *\n * So the pairs are sized to their content and the SPARE space is what gets\n * divided evenly. `space-evenly` gives every gap — including the two either\n * side of each separator — the same width, which puts each rule exactly halfway\n * between the two labels it separates, whatever they happen to say.\n */\nexport function ListCardMeta({\n  meta,\n  metaSlot,\n  trailingRule,\n}: {\n  meta?: DescriptionItemProps[];\n  metaSlot?: ReactNode;\n  /** Close the run with a rule, dividing the last pair from the value. */\n  trailingRule?: boolean;\n}): React.JSX.Element {\n  const items = meta ?? [];\n  return (\n    <Box\n      data-slot=\"meta\"\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"space-evenly\",\n        // A FLOOR, not the spacing itself: `space-evenly` supplies the rest, and\n        // this is only what keeps a rail with no room to spare from running the\n        // date straight into the rule.\n        gap: 1,\n        whiteSpace: \"nowrap\",\n        ...TABULAR,\n        // Rung 1 of the ladder.\n        [`@container (max-width: ${META_BREAK}px)`]: { display: \"none\" },\n      }}\n    >\n      {items.map((item, index) => (\n        <Fragment key={`${item.label}-${index}`}>\n          {/* ITS OWN ITEM, not the first child of the pair that follows it.\n              Nested inside, the rule travelled with that pair's centred content\n              and came to rest nearer one label than the other — a separator\n              visibly closer to MÉTODO than to DATA reads as belonging to it. */}\n          {index > 0 && <MetaRule />}\n          {/* Centred: a stacked pair sitting in its own column reads as one\n              unit only when the label is over the value rather than flush left\n              of a value shorter than it — `MÉTODO` above `PIX` was visibly\n              unhinged from it. Overridable per item. */}\n          <Box\n            sx={{\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              minWidth: 0,\n              // Sized to the pair, so the gaps either side of it are free space\n              // that `space-evenly` can equalise.\n              flex: \"0 0 auto\",\n            }}\n          >\n            <DescriptionItem orientation=\"vertical\" align=\"center\" {...item} />\n          </Box>\n        </Fragment>\n      ))}\n      {metaSlot}\n      {trailingRule && items.length > 0 && <MetaRule />}\n    </Box>\n  );\n}\n\n/**\n * The value sits flush against the meta rail, with no gap of its own.\n *\n * Its divider is now the LAST ITEM OF THE META CLUSTER, placed by the same\n * `space-evenly` that places the rules between the pairs — so it is equidistant\n * from `PIX` and from `R$ 13,90` for free, which a rule centred in the rail gap\n * could never be: the cluster's content stops well short of the rail's right\n * edge, leaving that rule 150px from the method and 12px from the money.\n *\n * Cancelling this one gap is what makes the two distances equal. Below\n * `META_BREAK` the cluster (and its rule) are gone, so the gap comes back —\n * otherwise the value would sit straight against the title.\n */\nconst VALUE_FLUSH = {\n  marginLeft: `-${RAIL_GAP_PX}px`,\n  [`@container (max-width: ${META_BREAK}px)`]: { marginLeft: 0 },\n} as const;\n\n/** The value, on its own rail, never truncated and never shunted by the chip. */\nfunction ListCardValue({ value }: { value: ReactNode }): React.JSX.Element {\n  return (\n    <Text variant=\"body\" size=\"sm\" weight=\"medium\" as=\"span\">\n      <Box\n        component=\"span\"\n        sx={{ fontSize: \"0.875rem\", whiteSpace: \"nowrap\", ...TABULAR }}\n      >\n        {value}\n      </Box>\n    </Text>\n  );\n}\n\n/**\n * The actions and the menu, at the end of the row.\n *\n * Actions are revealed on hover and `:focus-within` — always-visible buttons on\n * every row of fifty is a lot of chrome for something used on one of them.\n * `:focus-within` is what keeps them reachable by keyboard, and `visibility`\n * rather than `display` keeps their space reserved so nothing shifts.\n */\nexport function ListCardActions({\n  actions,\n  alwaysVisible,\n  menu,\n  testId,\n}: {\n  actions?: ReactNode;\n  alwaysVisible?: boolean;\n  menu?: ReactNode;\n  testId: (slot: string) => string | undefined;\n}): React.JSX.Element | null {\n  if (actions == null && menu == null) return null;\n  return (\n    // z-index 1: above the stretched link, so these stay clickable.\n    <Box\n      data-slot=\"actions\"\n      sx={{ display: \"flex\", alignItems: \"center\", gap: 0.5, position: \"relative\", zIndex: 1 }}\n    >\n      {actions && (\n        <Box\n          data-testid={testId(\"actions\")}\n          onClick={(event) => event.stopPropagation()}\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            gap: 0.5,\n            ...(alwaysVisible\n              ? {}\n              : {\n                  visibility: \"hidden\",\n                  \".MuiPaper-root:hover &, .MuiPaper-root:focus-within &\": {\n                    visibility: \"visible\",\n                  },\n                }),\n          }}\n        >\n          {actions}\n        </Box>\n      )}\n      {menu && (\n        <Box data-testid={testId(\"menu\")} onClick={(event) => event.stopPropagation()}>\n          {menu}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\n/** Value and actions — separate rails, not one flex run. */\nexport function ListCardTail({\n  value,\n  separated,\n  actions,\n  actionsAlwaysVisible,\n  menu,\n  testId,\n}: {\n  value?: ReactNode;\n  /** Whether a meta cluster precedes the value and wants dividing from it. */\n  separated?: boolean;\n  actions?: ReactNode;\n  actionsAlwaysVisible?: boolean;\n  menu?: ReactNode;\n  testId: (slot: string) => string | undefined;\n}): React.JSX.Element {\n  return (\n    <>\n      <Box\n        data-slot=\"value\"\n        sx={{\n          textAlign: \"right\",\n          ...(separated && value != null ? VALUE_FLUSH : {}),\n        }}\n        data-testid={testId(\"value\")}\n      >\n        {value != null && <ListCardValue value={value} />}\n      </Box>\n      <ListCardActions\n        actions={actions}\n        alwaysVisible={actionsAlwaysVisible}\n        menu={menu}\n        testId={testId}\n      />\n    </>\n  );\n}\n"],"mappings":"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","names":["Fragment"]}

package/dist/chunk-2CNG6YIC.js

@@ -0,0 +1,41 @@
+import {
+  useFormContext
+} from "./chunk-4XK6JQ4D.js";
+import {
+  Input
+} from "./chunk-RIPTJNRP.js";
+import {
+  FormControl,
+  FormLabel,
+  FormMessage
+} from "./chunk-GJ2NPAXA.js";
+
+// src/components/form/total-form/Fields/TextField.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function TextField({ name, label, type = "text", placeholder }) {
+  const { values, errors, setFieldValue } = useFormContext();
+  const error = errors[name];
+  const testId = `total-form-field-${name}`;
+  return /* @__PURE__ */ jsxs(FormControl, { fullWidth: true, children: [
+    label && /* @__PURE__ */ jsx(FormLabel, { htmlFor: name, error: Boolean(error), children: label }),
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        id: name,
+        name,
+        type,
+        placeholder,
+        value: values[name] ?? "",
+        error: Boolean(error),
+        "data-testid": testId,
+        onChange: (event) => setFieldValue(name, event.target.value)
+      }
+    ),
+    error && /* @__PURE__ */ jsx(FormMessage, { error: true, dataTestId: `${testId}-message`, children: error })
+  ] });
+}
+
+export {
+  TextField
+};
+//# sourceMappingURL=chunk-2CNG6YIC.js.map

package/dist/chunk-2CNG6YIC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/total-form/Fields/TextField.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { FormControl, FormLabel, FormMessage } from '../../Form';\nimport { Input } from '../../Input';\nimport { useFormContext } from '../FormContext';\n\n/** Props for the `total-form` {@link TextField}. */\nexport interface TextFieldProps {\n  /** Field name; also the key into the form's values/errors. */\n  name: string;\n  /** Optional visible label rendered above the input. */\n  label?: string;\n  /** Native input type (e.g. `email`, `password`). Defaults to `text`. */\n  type?: string;\n  /** Placeholder shown when the field is empty. */\n  placeholder?: string;\n}\n\n/**\n * Text input field bound to {@link useFormContext}. Composes the existing\n * `@12-apps/ui` `Form*` presentational primitives and the `Input` control,\n * reading its value/error from context and writing changes back through it.\n *\n * Renders its error via `total-form-field-<name>-message` and the input via\n * `total-form-field-<name>`.\n */\nexport function TextField({ name, label, type = 'text', placeholder }: TextFieldProps): React.ReactElement {\n  const { values, errors, setFieldValue } = useFormContext();\n  const error = errors[name];\n  const testId = `total-form-field-${name}`;\n\n  return (\n    <FormControl fullWidth>\n      {label && (\n        <FormLabel htmlFor={name} error={Boolean(error)}>\n          {label}\n        </FormLabel>\n      )}\n      <Input\n        id={name}\n        name={name}\n        type={type}\n        placeholder={placeholder}\n        value={values[name] ?? ''}\n        error={Boolean(error)}\n        data-testid={testId}\n        onChange={(event) => setFieldValue(name, event.target.value)}\n      />\n      {error && (\n        <FormMessage error dataTestId={`${testId}-message`}>\n          {error}\n        </FormMessage>\n      )}\n    </FormControl>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAkCI,SAEI,KAFJ;AANG,SAAS,UAAU,EAAE,MAAM,OAAO,OAAO,QAAQ,YAAY,GAAuC;AACzG,QAAM,EAAE,QAAQ,QAAQ,cAAc,IAAI,eAAe;AACzD,QAAM,QAAQ,OAAO,IAAI;AACzB,QAAM,SAAS,oBAAoB,IAAI;AAEvC,SACE,qBAAC,eAAY,WAAS,MACnB;AAAA,aACC,oBAAC,aAAU,SAAS,MAAM,OAAO,QAAQ,KAAK,GAC3C,iBACH;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO,OAAO,IAAI,KAAK;AAAA,QACvB,OAAO,QAAQ,KAAK;AAAA,QACpB,eAAa;AAAA,QACb,UAAU,CAAC,UAAU,cAAc,MAAM,MAAM,OAAO,KAAK;AAAA;AAAA,IAC7D;AAAA,IACC,SACC,oBAAC,eAAY,OAAK,MAAC,YAAY,GAAG,MAAM,YACrC,iBACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-2DGJMXCD.js

@@ -0,0 +1,115 @@
+import {
+  accentFor
+} from "./chunk-OZCEKQIX.js";
+
+// src/components/data-display/Chart/chart-internals.ts
+import { alpha } from "@mui/material";
+var SIZE_PRESETS = {
+  xs: { height: 200, fontSize: "0.75rem", tickMargin: 10 },
+  sm: { height: 300, fontSize: "0.875rem", tickMargin: 12 },
+  md: { height: 400, fontSize: "1rem", tickMargin: 14 },
+  lg: { height: 500, fontSize: "1.125rem", tickMargin: 16 },
+  xl: { height: 600, fontSize: "1.25rem", tickMargin: 18 }
+};
+function getSizeStyles(size, height) {
+  const preset = SIZE_PRESETS[size ?? "md"] ?? SIZE_PRESETS.md;
+  return { ...preset, height: height ?? preset.height };
+}
+var NEON_PALETTE = ["#00ffff", "#ff00ff", "#ffff00", "#00ff00", "#ff0080", "#8000ff"];
+function getDefaultColors(theme, variant, colors) {
+  if (colors) return colors;
+  if (variant === "neon") return NEON_PALETTE;
+  return [
+    theme.palette.primary.main,
+    theme.palette.secondary.main,
+    theme.palette.success.main,
+    theme.palette.warning.main,
+    theme.palette.error.main,
+    theme.palette.info.main
+  ];
+}
+function effectStyles(theme, options) {
+  const accent = accentFor(theme, options.color).main;
+  const glow = options.glow ? { boxShadow: `0 0 30px ${alpha(accent, 0.4)}` } : {};
+  const pulse = options.pulse ? {
+    animation: "pulse 2s infinite",
+    "@keyframes pulse": {
+      "0%": { boxShadow: `0 0 0 0 ${alpha(accent, 0.4)}` },
+      "70%": { boxShadow: `0 0 0 20px ${alpha(accent, 0)}` },
+      "100%": { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` }
+    }
+  } : {};
+  return { ...glow, ...pulse };
+}
+function variantSurface(theme, options) {
+  switch (options.variant) {
+    case "glass":
+      return {
+        backgroundColor: alpha(theme.palette.background.paper, options.glass ? 0.1 : 0.9),
+        backdropFilter: "blur(20px)",
+        border: `1px solid ${alpha(theme.palette.divider, 0.1)}`
+      };
+    case "gradient":
+      return {
+        background: options.gradient ? `linear-gradient(135deg, ${alpha(accentFor(theme, options.color).light, 0.05)}, ${alpha(accentFor(theme, options.color).dark, 0.05)})` : theme.palette.background.paper
+      };
+    case "elevated":
+      return { boxShadow: theme.shadows[4] };
+    case "minimal":
+      return { border: "none", backgroundColor: "transparent" };
+    case "neon":
+      return {
+        backgroundColor: "#000",
+        border: `1px solid ${alpha("#00ffff", 0.3)}`,
+        "& .recharts-cartesian-grid-horizontal line, & .recharts-cartesian-grid-vertical line": {
+          stroke: alpha("#00ffff", 0.1)
+        }
+      };
+    default:
+      return { backgroundColor: theme.palette.background.paper };
+  }
+}
+function getVariantStyles(theme, options) {
+  return {
+    borderRadius: theme.spacing(1),
+    transition: theme.transitions.create(["all"], {
+      duration: theme.transitions.duration.standard
+    }),
+    opacity: options.disabled ? 0.5 : 1,
+    pointerEvents: options.disabled ? "none" : "auto",
+    ...effectStyles(theme, options),
+    ...variantSurface(theme, options)
+  };
+}
+function resolveSeries(data, series, xAxisKey, palette) {
+  if (series) return series;
+  if (data.length === 0) return [];
+  return Object.keys(data[0] ?? {}).filter((key) => key !== xAxisKey).map((key, index) => ({
+    dataKey: key,
+    name: key,
+    color: palette[index % palette.length]
+  }));
+}
+function getAxisStyles(theme, variant, fontSize) {
+  const neon = variant === "neon";
+  return {
+    axisStyle: {
+      fontSize,
+      fill: neon ? "#00ffff" : theme.palette.text.secondary,
+      // Ticks are columns of digits: they have to line up between rows.
+      fontVariantNumeric: "tabular-nums"
+    },
+    gridStroke: neon ? alpha("#00ffff", 0.1) : theme.palette.divider,
+    // The neon grid is already a 10%-alpha cyan; halving it again would erase it.
+    gridOpacity: neon ? 1 : 0.5
+  };
+}
+
+export {
+  getSizeStyles,
+  getDefaultColors,
+  getVariantStyles,
+  resolveSeries,
+  getAxisStyles
+};
+//# sourceMappingURL=chunk-2DGJMXCD.js.map

package/dist/chunk-2DGJMXCD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chart/chart-internals.ts"],"sourcesContent":["import { alpha, type Theme } from '@mui/material';\nimport type { CSSProperties } from 'react';\n\nimport type { ChartProps, ChartSeries } from './Chart.types';\nimport { accentFor} from '../../../tokens/scales';\n\n/**\n * Non-JSX internals of the prop-driven Chart: size/variant styling, palette\n * resolution and series auto-detection. Split from Chart.tsx to keep every\n * function inside the repo's complexity budget.\n */\n\nexport interface SizeStyles {\n  height: number;\n  fontSize: string;\n  /**\n   * Gap between an axis line and its tick labels, px.\n   *\n   * Recharts' default of 2 is not enough. The bottom VALUE tick is centred on\n   * the x-axis line, so its text box reaches ~0.79em BELOW that line, while\n   * the category labels begin 2px under the 6px tick mark — the two collide at\n   * the axis corner, at every viewport. Each value below is ~0.8em of its own\n   * font size, which clears the value label's descender with ~6px to spare.\n   */\n  tickMargin: number;\n}\n\nconst SIZE_PRESETS: Record<NonNullable<ChartProps['size']>, SizeStyles> = {\n  xs: { height: 200, fontSize: '0.75rem', tickMargin: 10 },\n  sm: { height: 300, fontSize: '0.875rem', tickMargin: 12 },\n  md: { height: 400, fontSize: '1rem', tickMargin: 14 },\n  lg: { height: 500, fontSize: '1.125rem', tickMargin: 16 },\n  xl: { height: 600, fontSize: '1.25rem', tickMargin: 18 },\n};\n\nexport function getSizeStyles(size: ChartProps['size'], height?: number): SizeStyles {\n  const preset = SIZE_PRESETS[size ?? 'md'] ?? SIZE_PRESETS.md;\n  return { ...preset, height: height ?? preset.height };\n}\n\nconst NEON_PALETTE = ['#00ffff', '#ff00ff', '#ffff00', '#00ff00', '#ff0080', '#8000ff'];\n\nexport function getDefaultColors(theme: Theme, variant: ChartProps['variant'], colors?: string[]): string[] {\n  if (colors) return colors;\n  if (variant === 'neon') return NEON_PALETTE;\n  return [\n    theme.palette.primary.main,\n    theme.palette.secondary.main,\n    theme.palette.success.main,\n    theme.palette.warning.main,\n    theme.palette.error.main,\n    theme.palette.info.main,\n  ];\n}\n\ntype SxStyles = Record<string, unknown>;\n\ninterface VariantOptions {\n  variant: NonNullable<ChartProps['variant']>;\n  color: NonNullable<ChartProps['color']>;\n  glow: boolean;\n  pulse: boolean;\n  glass: boolean;\n  gradient: boolean;\n  disabled: boolean;\n}\n\nfunction effectStyles(theme: Theme, options: VariantOptions): SxStyles {\n  const accent = accentFor(theme, options.color).main;\n  const glow = options.glow ? { boxShadow: `0 0 30px ${alpha(accent, 0.4)}` } : {};\n  const pulse = options.pulse\n    ? {\n        animation: 'pulse 2s infinite',\n        '@keyframes pulse': {\n          '0%': { boxShadow: `0 0 0 0 ${alpha(accent, 0.4)}` },\n          '70%': { boxShadow: `0 0 0 20px ${alpha(accent, 0)}` },\n          '100%': { boxShadow: `0 0 0 0 ${alpha(accent, 0)}` },\n        },\n      }\n    : {};\n  return { ...glow, ...pulse };\n}\n\nfunction variantSurface(theme: Theme, options: VariantOptions): SxStyles {\n  switch (options.variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, options.glass ? 0.1 : 0.9),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n      };\n    case 'gradient':\n      return {\n        background: options.gradient\n          ? `linear-gradient(135deg, ${alpha(accentFor(theme, options.color).light, 0.05)}, ${alpha(accentFor(theme, options.color).dark, 0.05)})`\n          : theme.palette.background.paper,\n      };\n    case 'elevated':\n      return { boxShadow: theme.shadows[4] };\n    case 'minimal':\n      return { border: 'none', backgroundColor: 'transparent' };\n    case 'neon':\n      return {\n        backgroundColor: '#000',\n        border: `1px solid ${alpha('#00ffff', 0.3)}`,\n        '& .recharts-cartesian-grid-horizontal line, & .recharts-cartesian-grid-vertical line': {\n          stroke: alpha('#00ffff', 0.1),\n        },\n      };\n    default:\n      return { backgroundColor: theme.palette.background.paper };\n  }\n}\n\nexport function getVariantStyles(theme: Theme, options: VariantOptions): SxStyles {\n  return {\n    borderRadius: theme.spacing(1),\n    transition: theme.transitions.create(['all'], {\n      duration: theme.transitions.duration.standard,\n    }),\n    opacity: options.disabled ? 0.5 : 1,\n    pointerEvents: options.disabled ? ('none' as const) : ('auto' as const),\n    ...effectStyles(theme, options),\n    ...variantSurface(theme, options),\n  };\n}\n\n/** Explicit series, or one series per non-axis key found in the first row. */\nexport function resolveSeries(\n  data: ChartProps['data'],\n  series: ChartSeries[] | undefined,\n  xAxisKey: string,\n  palette: string[],\n): ChartSeries[] {\n  if (series) return series;\n  if (data.length === 0) return [];\n  return Object.keys(data[0] ?? {})\n    .filter((key) => key !== xAxisKey)\n    .map((key, index) => ({\n      dataKey: key,\n      name: key,\n      color: palette[index % palette.length],\n    }));\n}\n\ninterface AxisTextStyles {\n  axisStyle: CSSProperties;\n  gridStroke: string;\n  /**\n   * Multiplier applied to `gridStroke`'s own alpha. Gridlines must read one\n   * step BELOW the card border — the border is `divider`, so half of it —\n   * without being dashed at data weight. Expressing the step as an opacity\n   * rather than a second colour keeps it derived from the theme's divider\n   * whatever form that takes (rgba, hex, or a CSS variable, which the colour\n   * helpers cannot decompose).\n   */\n  gridOpacity: number;\n}\n\nexport function getAxisStyles(theme: Theme, variant: ChartProps['variant'], fontSize: string): AxisTextStyles {\n  const neon = variant === 'neon';\n  return {\n    axisStyle: {\n      fontSize,\n      fill: neon ? '#00ffff' : theme.palette.text.secondary,\n      // Ticks are columns of digits: they have to line up between rows.\n      fontVariantNumeric: 'tabular-nums',\n    },\n    gridStroke: neon ? alpha('#00ffff', 0.1) : theme.palette.divider,\n    // The neon grid is already a 10%-alpha cyan; halving it again would erase it.\n    gridOpacity: neon ? 1 : 0.5,\n  };\n}\n"],"mappings":";;;;;AAAA,SAAS,aAAyB;AA2BlC,IAAM,eAAoE;AAAA,EACxE,IAAI,EAAE,QAAQ,KAAK,UAAU,WAAW,YAAY,GAAG;AAAA,EACvD,IAAI,EAAE,QAAQ,KAAK,UAAU,YAAY,YAAY,GAAG;AAAA,EACxD,IAAI,EAAE,QAAQ,KAAK,UAAU,QAAQ,YAAY,GAAG;AAAA,EACpD,IAAI,EAAE,QAAQ,KAAK,UAAU,YAAY,YAAY,GAAG;AAAA,EACxD,IAAI,EAAE,QAAQ,KAAK,UAAU,WAAW,YAAY,GAAG;AACzD;AAEO,SAAS,cAAc,MAA0B,QAA6B;AACnF,QAAM,SAAS,aAAa,QAAQ,IAAI,KAAK,aAAa;AAC1D,SAAO,EAAE,GAAG,QAAQ,QAAQ,UAAU,OAAO,OAAO;AACtD;AAEA,IAAM,eAAe,CAAC,WAAW,WAAW,WAAW,WAAW,WAAW,SAAS;AAE/E,SAAS,iBAAiB,OAAc,SAAgC,QAA6B;AAC1G,MAAI,OAAQ,QAAO;AACnB,MAAI,YAAY,OAAQ,QAAO;AAC/B,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ;AAAA,IACtB,MAAM,QAAQ,UAAU;AAAA,IACxB,MAAM,QAAQ,QAAQ;AAAA,IACtB,MAAM,QAAQ,QAAQ;AAAA,IACtB,MAAM,QAAQ,MAAM;AAAA,IACpB,MAAM,QAAQ,KAAK;AAAA,EACrB;AACF;AAcA,SAAS,aAAa,OAAc,SAAmC;AACrE,QAAM,SAAS,UAAU,OAAO,QAAQ,KAAK,EAAE;AAC/C,QAAM,OAAO,QAAQ,OAAO,EAAE,WAAW,YAAY,MAAM,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC;AAC/E,QAAM,QAAQ,QAAQ,QAClB;AAAA,IACE,WAAW;AAAA,IACX,oBAAoB;AAAA,MAClB,MAAM,EAAE,WAAW,WAAW,MAAM,QAAQ,GAAG,CAAC,GAAG;AAAA,MACnD,OAAO,EAAE,WAAW,cAAc,MAAM,QAAQ,CAAC,CAAC,GAAG;AAAA,MACrD,QAAQ,EAAE,WAAW,WAAW,MAAM,QAAQ,CAAC,CAAC,GAAG;AAAA,IACrD;AAAA,EACF,IACA,CAAC;AACL,SAAO,EAAE,GAAG,MAAM,GAAG,MAAM;AAC7B;AAEA,SAAS,eAAe,OAAc,SAAmC;AACvE,UAAQ,QAAQ,SAAS;AAAA,IACvB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,QAAQ,QAAQ,MAAM,GAAG;AAAA,QAChF,gBAAgB;AAAA,QAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,MACxD;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,YAAY,QAAQ,WAChB,2BAA2B,MAAM,UAAU,OAAO,QAAQ,KAAK,EAAE,OAAO,IAAI,CAAC,KAAK,MAAM,UAAU,OAAO,QAAQ,KAAK,EAAE,MAAM,IAAI,CAAC,MACnI,MAAM,QAAQ,WAAW;AAAA,MAC/B;AAAA,IACF,KAAK;AACH,aAAO,EAAE,WAAW,MAAM,QAAQ,CAAC,EAAE;AAAA,IACvC,KAAK;AACH,aAAO,EAAE,QAAQ,QAAQ,iBAAiB,cAAc;AAAA,IAC1D,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,QAAQ,aAAa,MAAM,WAAW,GAAG,CAAC;AAAA,QAC1C,wFAAwF;AAAA,UACtF,QAAQ,MAAM,WAAW,GAAG;AAAA,QAC9B;AAAA,MACF;AAAA,IACF;AACE,aAAO,EAAE,iBAAiB,MAAM,QAAQ,WAAW,MAAM;AAAA,EAC7D;AACF;AAEO,SAAS,iBAAiB,OAAc,SAAmC;AAChF,SAAO;AAAA,IACL,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,YAAY,MAAM,YAAY,OAAO,CAAC,KAAK,GAAG;AAAA,MAC5C,UAAU,MAAM,YAAY,SAAS;AAAA,IACvC,CAAC;AAAA,IACD,SAAS,QAAQ,WAAW,MAAM;AAAA,IAClC,eAAe,QAAQ,WAAY,SAAoB;AAAA,IACvD,GAAG,aAAa,OAAO,OAAO;AAAA,IAC9B,GAAG,eAAe,OAAO,OAAO;AAAA,EAClC;AACF;AAGO,SAAS,cACd,MACA,QACA,UACA,SACe;AACf,MAAI,OAAQ,QAAO;AACnB,MAAI,KAAK,WAAW,EAAG,QAAO,CAAC;AAC/B,SAAO,OAAO,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,EAC7B,OAAO,CAAC,QAAQ,QAAQ,QAAQ,EAChC,IAAI,CAAC,KAAK,WAAW;AAAA,IACpB,SAAS;AAAA,IACT,MAAM;AAAA,IACN,OAAO,QAAQ,QAAQ,QAAQ,MAAM;AAAA,EACvC,EAAE;AACN;AAgBO,SAAS,cAAc,OAAc,SAAgC,UAAkC;AAC5G,QAAM,OAAO,YAAY;AACzB,SAAO;AAAA,IACL,WAAW;AAAA,MACT;AAAA,MACA,MAAM,OAAO,YAAY,MAAM,QAAQ,KAAK;AAAA;AAAA,MAE5C,oBAAoB;AAAA,IACtB;AAAA,IACA,YAAY,OAAO,MAAM,WAAW,GAAG,IAAI,MAAM,QAAQ;AAAA;AAAA,IAEzD,aAAa,OAAO,IAAI;AAAA,EAC1B;AACF;","names":[]}

package/dist/chunk-2DWBJJK6.js

@@ -0,0 +1,40 @@
+import {
+  LightboxMedia
+} from "./chunk-ASCUWG55.js";
+
+// src/components/data-display/Lightbox/LightboxCurrentMedia.tsx
+import { jsx } from "react/jsx-runtime";
+var LightboxCurrentMedia = ({
+  item,
+  index,
+  total,
+  zoomable,
+  zoom,
+  testId,
+  onLoadingChange,
+  onWheel
+}) => {
+  if (!item) return null;
+  return /* @__PURE__ */ jsx(
+    LightboxMedia,
+    {
+      item,
+      index,
+      total,
+      zoomLevel: zoom.zoomLevel,
+      panOffset: zoom.panOffset,
+      zoomable,
+      isDragging: false,
+      testId,
+      onLoadStart: () => onLoadingChange(true),
+      onLoaded: () => onLoadingChange(false),
+      onWheel,
+      onDoubleClick: zoom.zoomLevel > 1 ? zoom.resetZoom : zoom.zoomIn
+    }
+  );
+};
+
+export {
+  LightboxCurrentMedia
+};
+//# sourceMappingURL=chunk-2DWBJJK6.js.map

package/dist/chunk-2DWBJJK6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxCurrentMedia.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport type { ZoomState } from './Lightbox.hooks';\nimport type { LightboxItem } from './Lightbox.types';\nimport { LightboxMedia } from './LightboxMedia';\n\nexport interface LightboxCurrentMediaProps {\n  item?: LightboxItem;\n  index: number;\n  total: number;\n  zoomable: boolean;\n  zoom: ZoomState;\n  testId: (suffix: string) => string;\n  onLoadingChange: (loading: boolean) => void;\n  onWheel: (event: React.WheelEvent) => void;\n}\n\n// Wires the active item to the zoom state. Double-clicking zooms in, or snaps\n// back to 1x if already zoomed.\nexport const LightboxCurrentMedia: FC<LightboxCurrentMediaProps> = ({\n  item,\n  index,\n  total,\n  zoomable,\n  zoom,\n  testId,\n  onLoadingChange,\n  onWheel,\n}) => {\n  if (!item) return null;\n\n  return (\n    <LightboxMedia\n      item={item}\n      index={index}\n      total={total}\n      zoomLevel={zoom.zoomLevel}\n      panOffset={zoom.panOffset}\n      zoomable={zoomable}\n      // Drag-panning is not wired up, so the transform transition is always on.\n      isDragging={false}\n      testId={testId}\n      onLoadStart={() => onLoadingChange(true)}\n      onLoaded={() => onLoadingChange(false)}\n      onWheel={onWheel}\n      onDoubleClick={zoom.zoomLevel > 1 ? zoom.resetZoom : zoom.zoomIn}\n    />\n  );\n};\n"],"mappings":";;;;;AAiCI;AAbG,IAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,MAAI,CAAC,KAAM,QAAO;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,KAAK;AAAA,MAChB,WAAW,KAAK;AAAA,MAChB;AAAA,MAEA,YAAY;AAAA,MACZ;AAAA,MACA,aAAa,MAAM,gBAAgB,IAAI;AAAA,MACvC,UAAU,MAAM,gBAAgB,KAAK;AAAA,MACrC;AAAA,MACA,eAAe,KAAK,YAAY,IAAI,KAAK,YAAY,KAAK;AAAA;AAAA,EAC5D;AAEJ;","names":[]}

package/dist/chunk-2GSIEDGN.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-2GSIEDGN.js.map

package/dist/chunk-2GSIEDGN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-2IBFEHIX.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-2IBFEHIX.js.map

package/dist/chunk-2IBFEHIX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-2JCRNWHE.js

@@ -0,0 +1,22 @@
+// src/components/data-display/DataViews/base-list-card-disclosure.ts
+import { useId, useState } from "react";
+function useDisclosure(props) {
+  const [own, setOwn] = useState(props.defaultExpanded ?? false);
+  const controlled = props.expanded != null && props.onExpandedChange != null;
+  const expanded = controlled ? props.expanded === true : own;
+  const regionId = useId();
+  return {
+    expandable: props.children != null,
+    expanded,
+    regionId,
+    toggle: () => {
+      if (!controlled) setOwn((open) => !open);
+      props.onExpandedChange?.(!expanded);
+    }
+  };
+}
+
+export {
+  useDisclosure
+};
+//# sourceMappingURL=chunk-2JCRNWHE.js.map

package/dist/chunk-2JCRNWHE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/base-list-card-disclosure.ts"],"sourcesContent":["\"use client\";\n\nimport { useId, useState } from \"react\";\n\nimport type { BaseListCardProps } from \"./base-list-card\";\n\n/**\n * The row's open state, whether it owns it or the list does.\n *\n * Controlled the moment `expanded` is passed, so a list imposing an accordion\n * is never fighting a second copy of the truth inside each row. Uncontrolled\n * otherwise, and rows then open independently — which is what comparing two\n * records side by side actually needs.\n */\nexport function useDisclosure(props: BaseListCardProps): {\n  expandable: boolean;\n  expanded: boolean;\n  toggle: () => void;\n  regionId: string;\n} {\n  const [own, setOwn] = useState(props.defaultExpanded ?? false);\n  // CONTROLLED ONLY WITH AN OWNER. `expanded` without `onExpandedChange` is a\n  // value nothing can ever change — the chevron would move nothing and the row\n  // would look broken. Storybook can persist a stray arg into a URL and produce\n  // exactly that, so the pair is required before the card gives up its state.\n  const controlled = props.expanded != null && props.onExpandedChange != null;\n  const expanded = controlled ? props.expanded === true : own;\n  // `useId` rather than a counter: the id has to survive an SSR pass and match\n  // on hydration, or `aria-controls` points at nothing on the first paint.\n  const regionId = useId();\n  return {\n    expandable: props.children != null,\n    expanded,\n    regionId,\n    toggle: () => {\n      if (!controlled) setOwn((open) => !open);\n      props.onExpandedChange?.(!expanded);\n    },\n  };\n}\n"],"mappings":";AAEA,SAAS,OAAO,gBAAgB;AAYzB,SAAS,cAAc,OAK5B;AACA,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,MAAM,mBAAmB,KAAK;AAK7D,QAAM,aAAa,MAAM,YAAY,QAAQ,MAAM,oBAAoB;AACvE,QAAM,WAAW,aAAa,MAAM,aAAa,OAAO;AAGxD,QAAM,WAAW,MAAM;AACvB,SAAO;AAAA,IACL,YAAY,MAAM,YAAY;AAAA,IAC9B;AAAA,IACA;AAAA,IACA,QAAQ,MAAM;AACZ,UAAI,CAAC,WAAY,QAAO,CAAC,SAAS,CAAC,IAAI;AACvC,YAAM,mBAAmB,CAAC,QAAQ;AAAA,IACpC;AAAA,EACF;AACF;","names":[]}