@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-6M7CMILP.js

@@ -1,34 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Pagination
-} from "./chunk-FATRMNVN.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-
-// src/components/data-display/DataViews/data-views-pagination.tsx
-import { jsx } from "react/jsx-runtime";
-function DataViewsPagination({
-  c,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  if (!c.serverMode || c.serverPageCount <= 1) return null;
-  return /* @__PURE__ */ jsx(default2, { sx: { mt: 2, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(
-    Pagination,
-    {
-      pageSizeLabel: copy.nav.pageSize,
-      page: c.serverPage,
-      count: c.serverPageCount,
-      onChange: (_event, page) => c.changePage(page),
-      dataTestId: `${testIdPrefix}-pagination`
-    }
-  ) });
-}
-
-export {
-  DataViewsPagination
-};
-//# sourceMappingURL=chunk-6M7CMILP.js.map

package/dist/chunk-6MDBMCFK.js

@@ -1,127 +0,0 @@
-import {
-  buttonEmphasisStyles,
-  buttonSize,
-  buttonVariantStyles,
-  getColorFromTheme,
-  iconAlignmentStyles
-} from "./chunk-QRUCR4YZ.js";
-import {
-  BUTTON_ICON_GLYPH_SIZE
-} from "./chunk-K6FCXPTS.js";
-import {
-  resolveButtonProps
-} from "./chunk-TAMIZE4Q.js";
-import {
-  childTestId,
-  resolveTestId,
-  withoutTestIdProps
-} from "./chunk-TYJR4GOF.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
-
-// src/components/form/Button/Button.tsx
-import MuiButton from "@mui/material/Button/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledButton = styled(MuiButton, {
-  shouldForwardProp: (prop) => ["glow", "pulse", "loading", "customVariant", "customColor", "ripple"].indexOf(
-    prop
-  ) === -1
-})(({ theme, customVariant, customColor = "primary", glow, pulse }) => {
-  const colorPalette = getColorFromTheme(theme, customColor);
-  return {
-    textTransform: "none",
-    fontWeight: 500,
-    borderRadius: fieldRadius(theme),
-    transition: "all 0.3s ease",
-    position: "relative",
-    overflow: "hidden",
-    ...iconAlignmentStyles(theme),
-    ...buttonVariantStyles(theme, customVariant, colorPalette, customColor),
-    ...buttonEmphasisStyles(colorPalette, glow, pulse)
-  };
-});
-var muiVariantFor = (variant) => {
-  if (variant === "outline") return "outlined";
-  return variant === "text" ? "text" : "contained";
-};
-var muiSizeFor = (size) => {
-  if (size === "xs" || size === "sm") return "small";
-  return size === "md" ? "medium" : "large";
-};
-var muiColorFor = (color) => {
-  if (color === "danger") return "error";
-  return color === "neutral" ? "inherit" : color;
-};
-var ICON_GLYPH_STYLE = { fontSize: BUTTON_ICON_GLYPH_SIZE };
-function isIconOnly({
-  loading,
-  icon,
-  children
-}) {
-  return !loading && icon != null && children == null;
-}
-var ButtonRoot = React.forwardRef(
-  (rawProps, ref) => {
-    const {
-      variant,
-      color,
-      size,
-      loading,
-      icon,
-      iconPosition,
-      glow,
-      pulse,
-      ripple,
-      active,
-      children,
-      disabled,
-      onClick,
-      onFocus,
-      onBlur,
-      ...others
-    } = resolveButtonProps(rawProps);
-    const ownTestId = resolveTestId(others, "button");
-    const testId = (suffix) => childTestId(others, suffix, "button");
-    const props = withoutTestIdProps(others);
-    const iconWithTestId = !loading && icon ? /* @__PURE__ */ jsx("span", { "data-testid": testId("icon"), style: ICON_GLYPH_STYLE, children: icon }) : void 0;
-    const iconOnly = isIconOnly({ loading, icon, children });
-    const mergedClassName = [active ? "active" : "", props.className].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ jsx(
-      StyledButton,
-      {
-        ref,
-        variant: muiVariantFor(variant),
-        color: muiColorFor(color),
-        size: muiSizeFor(size),
-        customVariant: variant,
-        customColor: color,
-        glow,
-        pulse,
-        ripple,
-        disabled: disabled || loading,
-        disableRipple: !ripple,
-        startIcon: iconPosition === "left" ? iconWithTestId : void 0,
-        endIcon: iconPosition === "right" ? iconWithTestId : void 0,
-        onClick,
-        onFocus,
-        onBlur,
-        sx: buttonSize(size, iconOnly),
-        "data-testid": ownTestId,
-        ...props,
-        className: mergedClassName,
-        children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: 16, color: "inherit", "data-testid": testId("loading") }) : children
-      }
-    );
-  }
-);
-ButtonRoot.displayName = "Button";
-var Button = ButtonRoot;
-
-export {
-  Button
-};
-//# sourceMappingURL=chunk-6MDBMCFK.js.map

package/dist/chunk-6Q6T3FW5.js

@@ -1,92 +0,0 @@
-// src/components/layout/Card/Card.metrics.ts
-var CARD_RADIUS_UNITS = {
-  none: 0,
-  sm: 0.5,
-  md: 1,
-  lg: 2,
-  xl: 3
-};
-var CARD_RADIUS_FULL = "50%";
-var CARD_BORDER_WIDTH = 1;
-var CARD_PAPER_SHADOW = [
-  { offsetX: 0, offsetY: 2, blurRadius: 1, spreadDistance: -1, color: "rgba(0, 0, 0, 0.2)" },
-  { offsetX: 0, offsetY: 1, blurRadius: 1, spreadDistance: 0, color: "rgba(0, 0, 0, 0.14)" },
-  { offsetX: 0, offsetY: 1, blurRadius: 3, spreadDistance: 0, color: "rgba(0, 0, 0, 0.12)" }
-];
-var CARD_ELEVATION = { rest: 4, lifted: 8 };
-var CARD_GLASS = {
-  backgroundAlpha: { rest: 0.1, lifted: 0.15 },
-  borderAlpha: { rest: 0.2, lifted: 0.3 },
-  blurPx: 20,
-  shadow: { offsetY: 8, blurRadius: 32, alpha: 0.1 }
-};
-var CARD_GRADIENT = {
-  angleDeg: 135,
-  shadow: { offsetY: 4, blurRadius: 20, alpha: 0.3 }
-};
-var CARD_NEUMORPHIC = {
-  spread: { rest: 8, lifted: 12 },
-  blurFactor: 2,
-  alpha: {
-    dark: { near: 0.3, far: 0.1 },
-    light: { near: { rest: 0.2, lifted: 0.3 }, far: { rest: 0.8, lifted: 0.9 } }
-  }
-};
-function neumorphicShadows(lifted, near, far) {
-  const spread = lifted ? CARD_NEUMORPHIC.spread.lifted : CARD_NEUMORPHIC.spread.rest;
-  const blurRadius = spread * CARD_NEUMORPHIC.blurFactor;
-  return [
-    { offsetX: spread, offsetY: spread, blurRadius, spreadDistance: 0, color: near },
-    { offsetX: -spread, offsetY: -spread, blurRadius, spreadDistance: 0, color: far }
-  ];
-}
-var CARD_SECTION_BACKGROUND = {
-  dark: { rest: "rgba(0, 0, 0, 0.2)", lifted: "rgba(0, 0, 0, 0.25)" },
-  light: { rest: "rgba(0, 0, 0, 0.02)", lifted: "rgba(0, 0, 0, 0.04)" }
-};
-var CARD_GLOW = {
-  rest: { blurRadius: 20, alpha: 0.3 },
-  lifted: { blurRadius: 30, alpha: 0.4 }
-};
-var CARD_PULSE = {
-  alpha: 0.3,
-  durationMs: 2e3,
-  spread: 15,
-  /** The fraction of the cycle the ring is still visible for. */
-  fadeAt: 0.7,
-  zIndex: -1
-};
-var CARD_INTERACTIVE_LIFT = 2;
-var CARD_LOADING = { opacity: 0.6, spinnerZIndex: 10, spinnerSize: 40 };
-var CARD_CONTENT_PADDING_UNITS = { normal: 2, dense: 1 };
-var CARD_HEADER = {
-  padding: 16,
-  avatarGap: 16,
-  action: { marginTop: -4, marginRight: -8, marginBottom: -4 }
-};
-var CARD_HEADER_CHILDREN_PADDING_UNITS = 2;
-var CARD_ACTIONS = { padding: 8, gap: 8 };
-var CARD_MEDIA_HEIGHT = 200;
-
-export {
-  CARD_RADIUS_UNITS,
-  CARD_RADIUS_FULL,
-  CARD_BORDER_WIDTH,
-  CARD_PAPER_SHADOW,
-  CARD_ELEVATION,
-  CARD_GLASS,
-  CARD_GRADIENT,
-  CARD_NEUMORPHIC,
-  neumorphicShadows,
-  CARD_SECTION_BACKGROUND,
-  CARD_GLOW,
-  CARD_PULSE,
-  CARD_INTERACTIVE_LIFT,
-  CARD_LOADING,
-  CARD_CONTENT_PADDING_UNITS,
-  CARD_HEADER,
-  CARD_HEADER_CHILDREN_PADDING_UNITS,
-  CARD_ACTIONS,
-  CARD_MEDIA_HEIGHT
-};
-//# sourceMappingURL=chunk-6Q6T3FW5.js.map

package/dist/chunk-6Q6T3FW5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/Card/Card.metrics.ts"],"sourcesContent":["import type { CardBorderRadius } from './Card.base';\nimport type { UiShadow } from '../../../tokens/shadow';\n\n/**\n * THE NUMBERS BOTH `Card` RENDERERS DRAW WITH.\n *\n * `Card.styles.ts` (web, emotion over MUI) and `Card.native.tsx` /\n * `Card.look.native.ts` (React Native) read this one table. The web turns the\n * radii into `theme.spacing()` and the shadows into CSS strings (`shadowCss`\n * in `src/tokens/shadow.ts` writes exactly the text it always has); native\n * hands the same shadow objects to `boxShadow` and the same numbers to a\n * `StyleSheet`.\n *\n * Nothing here imports a renderer, a theme or a colour: a shadow's COLOUR is\n * the caller's, because the two sides reach for the same arithmetic through\n * different doors (`alpha` from `@mui/material/styles` on the web, from\n * `src/tokens/color` natively — a port of it, asserted equal).\n */\n\n/* ── The envelope ─────────────────────────────────────────────────────────── */\n\n/**\n * `theme.spacing(n)` per named radius. `none` is written as a bare `0` by the\n * web rather than `spacing(0)`, so it is spelled that way on both sides.\n */\nexport const CARD_RADIUS_UNITS: Record<Exclude<CardBorderRadius, 'full'>, number> = {\n  none: 0,\n  sm: 0.5,\n  md: 1,\n  lg: 2,\n  xl: 3,\n};\n\n/** `full` is a percentage of the box, not a length. */\nexport const CARD_RADIUS_FULL = '50%';\n\n/** The hairline `outlined` and `glass` draw. */\nexport const CARD_BORDER_WIDTH = 1;\n\n/* ── Shadows ──────────────────────────────────────────────────────────────── */\n\n/** A card's shadows are `UiShadow`s; `src/tokens/shadow.ts` says why they have a shape. */\nexport type CardShadow = UiShadow;\n\n/**\n * MUI's `theme.shadows[1]` — the elevation a `Paper` paints and therefore the\n * shadow every `elevated` card on the web already has.\n *\n * It is restated here rather than derived because the web never names it: it\n * arrives through `MuiCard` -> `MuiPaper`, and React Native has no Paper to\n * inherit it from. (`variant=\"elevated\"`'s own `elevation: 4` is not a CSS\n * property and paints nothing — see {@link CARD_ELEVATION}.)\n */\nexport const CARD_PAPER_SHADOW: readonly UiShadow[] = [\n  { offsetX: 0, offsetY: 2, blurRadius: 1, spreadDistance: -1, color: 'rgba(0, 0, 0, 0.2)' },\n  { offsetX: 0, offsetY: 1, blurRadius: 1, spreadDistance: 0, color: 'rgba(0, 0, 0, 0.14)' },\n  { offsetX: 0, offsetY: 1, blurRadius: 3, spreadDistance: 0, color: 'rgba(0, 0, 0, 0.12)' },\n];\n\n/**\n * What `elevated` declares at rest and on hover.\n *\n * `elevation` is not a CSS property, so on the web these paint NOTHING and an\n * elevated card shows `MuiPaper`'s own elevation-1 shadow. Kept because they\n * are what the source says, and mirrored natively by leaving\n * {@link CARD_PAPER_SHADOW} in place for both states.\n */\nexport const CARD_ELEVATION = { rest: 4, lifted: 8 } as const;\n\n/* ── Variant surfaces ─────────────────────────────────────────────────────── */\n\n/** `glass`: a 0.1 wash of the paper behind a 20px blur, inside a primary hairline. */\nexport const CARD_GLASS = {\n  backgroundAlpha: { rest: 0.1, lifted: 0.15 },\n  borderAlpha: { rest: 0.2, lifted: 0.3 },\n  blurPx: 20,\n  shadow: { offsetY: 8, blurRadius: 32, alpha: 0.1 },\n} as const;\n\n/** `gradient`: primary into secondary at 135°, over a hue-tinted drop shadow. */\nexport const CARD_GRADIENT = {\n  angleDeg: 135,\n  shadow: { offsetY: 4, blurRadius: 20, alpha: 0.3 },\n} as const;\n\n/** `neumorphic`: two opposed shadows, blurred twice their offset. */\nexport const CARD_NEUMORPHIC = {\n  spread: { rest: 8, lifted: 12 },\n  blurFactor: 2,\n  alpha: {\n    dark: { near: 0.3, far: 0.1 },\n    light: { near: { rest: 0.2, lifted: 0.3 }, far: { rest: 0.8, lifted: 0.9 } },\n  },\n} as const;\n\n/**\n * The offset pair `neumorphic` paints, given the two colours the mode picked:\n * `near` down-right, `far` up-left, both blurred twice the offset.\n */\nexport function neumorphicShadows(lifted: boolean, near: string, far: string): UiShadow[] {\n  const spread = lifted ? CARD_NEUMORPHIC.spread.lifted : CARD_NEUMORPHIC.spread.rest;\n  const blurRadius = spread * CARD_NEUMORPHIC.blurFactor;\n  return [\n    { offsetX: spread, offsetY: spread, blurRadius, spreadDistance: 0, color: near },\n    { offsetX: -spread, offsetY: -spread, blurRadius, spreadDistance: 0, color: far },\n  ];\n}\n\n/**\n * `section`: a flat ink wash rather than a palette slot, so a section reads as\n * a recess in whatever surface it sits on.\n */\nexport const CARD_SECTION_BACKGROUND = {\n  dark: { rest: 'rgba(0, 0, 0, 0.2)', lifted: 'rgba(0, 0, 0, 0.25)' },\n  light: { rest: 'rgba(0, 0, 0, 0.02)', lifted: 'rgba(0, 0, 0, 0.04)' },\n} as const;\n\n/* ── Decorations ──────────────────────────────────────────────────────────── */\n\n/** `glow`: a haloed primary shadow that widens under the pointer. */\nexport const CARD_GLOW = {\n  rest: { blurRadius: 20, alpha: 0.3 },\n  lifted: { blurRadius: 30, alpha: 0.4 },\n} as const;\n\n/**\n * `pulse`: a ring of the primary hue that grows 15px out of the card's edge and\n * fades, every two seconds. The web draws it as an `::after` box-shadow spread\n * behind the paper (`z-index: -1`).\n */\nexport const CARD_PULSE = {\n  alpha: 0.3,\n  durationMs: 2000,\n  spread: 15,\n  /** The fraction of the cycle the ring is still visible for. */\n  fadeAt: 0.7,\n  zIndex: -1,\n} as const;\n\n/** `interactive`: the card rises 2px under the pointer and settles while pressed. */\nexport const CARD_INTERACTIVE_LIFT = 2;\n\n/** `loading`: the card dims, stops taking pointers and centres a spinner over itself. */\nexport const CARD_LOADING = { opacity: 0.6, spinnerZIndex: 10, spinnerSize: 40 } as const;\n\n/* ── The slots ────────────────────────────────────────────────────────────── */\n\n/** `CardContent`: `theme.spacing(2)`, halved by `dense`. */\nexport const CARD_CONTENT_PADDING_UNITS = { normal: 2, dense: 1 } as const;\n\n/**\n * `CardHeader`, in MUI's own px: 16 all round, the avatar 16 from the content,\n * the action pulled back out of the padding on three sides.\n */\nexport const CARD_HEADER = {\n  padding: 16,\n  avatarGap: 16,\n  action: { marginTop: -4, marginRight: -8, marginBottom: -4 },\n} as const;\n\n/** A `CardHeader` given raw `children` is a plain `theme.spacing(2)` box instead. */\nexport const CARD_HEADER_CHILDREN_PADDING_UNITS = 2;\n\n/**\n * `CardActions`, in MUI's own px: 8 all round, and 8 between the actions unless\n * `disableSpacing` turns the run off.\n */\nexport const CARD_ACTIONS = { padding: 8, gap: 8 } as const;\n\n/** `CardMedia`'s default height. */\nexport const CARD_MEDIA_HEIGHT = 200;\n"],"mappings":";AAyBO,IAAM,oBAAuE;AAAA,EAClF,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,mBAAmB;AAGzB,IAAM,oBAAoB;AAgB1B,IAAM,oBAAyC;AAAA,EACpD,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,gBAAgB,IAAI,OAAO,qBAAqB;AAAA,EACzF,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,gBAAgB,GAAG,OAAO,sBAAsB;AAAA,EACzF,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,gBAAgB,GAAG,OAAO,sBAAsB;AAC3F;AAUO,IAAM,iBAAiB,EAAE,MAAM,GAAG,QAAQ,EAAE;AAK5C,IAAM,aAAa;AAAA,EACxB,iBAAiB,EAAE,MAAM,KAAK,QAAQ,KAAK;AAAA,EAC3C,aAAa,EAAE,MAAM,KAAK,QAAQ,IAAI;AAAA,EACtC,QAAQ;AAAA,EACR,QAAQ,EAAE,SAAS,GAAG,YAAY,IAAI,OAAO,IAAI;AACnD;AAGO,IAAM,gBAAgB;AAAA,EAC3B,UAAU;AAAA,EACV,QAAQ,EAAE,SAAS,GAAG,YAAY,IAAI,OAAO,IAAI;AACnD;AAGO,IAAM,kBAAkB;AAAA,EAC7B,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG;AAAA,EAC9B,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,MAAM,EAAE,MAAM,KAAK,KAAK,IAAI;AAAA,IAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,QAAQ,IAAI,GAAG,KAAK,EAAE,MAAM,KAAK,QAAQ,IAAI,EAAE;AAAA,EAC7E;AACF;AAMO,SAAS,kBAAkB,QAAiB,MAAc,KAAyB;AACxF,QAAM,SAAS,SAAS,gBAAgB,OAAO,SAAS,gBAAgB,OAAO;AAC/E,QAAM,aAAa,SAAS,gBAAgB;AAC5C,SAAO;AAAA,IACL,EAAE,SAAS,QAAQ,SAAS,QAAQ,YAAY,gBAAgB,GAAG,OAAO,KAAK;AAAA,IAC/E,EAAE,SAAS,CAAC,QAAQ,SAAS,CAAC,QAAQ,YAAY,gBAAgB,GAAG,OAAO,IAAI;AAAA,EAClF;AACF;AAMO,IAAM,0BAA0B;AAAA,EACrC,MAAM,EAAE,MAAM,sBAAsB,QAAQ,sBAAsB;AAAA,EAClE,OAAO,EAAE,MAAM,uBAAuB,QAAQ,sBAAsB;AACtE;AAKO,IAAM,YAAY;AAAA,EACvB,MAAM,EAAE,YAAY,IAAI,OAAO,IAAI;AAAA,EACnC,QAAQ,EAAE,YAAY,IAAI,OAAO,IAAI;AACvC;AAOO,IAAM,aAAa;AAAA,EACxB,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA,EACR,QAAQ;AACV;AAGO,IAAM,wBAAwB;AAG9B,IAAM,eAAe,EAAE,SAAS,KAAK,eAAe,IAAI,aAAa,GAAG;AAKxE,IAAM,6BAA6B,EAAE,QAAQ,GAAG,OAAO,EAAE;AAMzD,IAAM,cAAc;AAAA,EACzB,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ,EAAE,WAAW,IAAI,aAAa,IAAI,cAAc,GAAG;AAC7D;AAGO,IAAM,qCAAqC;AAM3C,IAAM,eAAe,EAAE,SAAS,GAAG,KAAK,EAAE;AAG1C,IAAM,oBAAoB;","names":[]}

package/dist/chunk-6V7D6GRX.js

@@ -1,182 +0,0 @@
-import {
-  DiscloseSlot,
-  DragSlot,
-  SelectSlot
-} from "./chunk-7TSQNYQO.js";
-import {
-  actionProps,
-  metaShape,
-  rowStyles,
-  useRowShell
-} from "./chunk-LNOYDMFD.js";
-import {
-  ListCardActions,
-  ListCardCaption,
-  ListCardMeta,
-  ListCardTail
-} from "./chunk-62NFZR52.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
-import {
-  DropIndicator
-} from "./chunk-JCJGJX7V.js";
-import {
-  cellRailsTemplate
-} from "./chunk-LYSSO6WC.js";
-import {
-  ListCardCells,
-  cellTracks,
-  useCellConfig
-} from "./chunk-6VP2L3DJ.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Card
-} from "./chunk-AIRWM7KK.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-6V7D6GRX.js.map

package/dist/chunk-6YLAVHV4.js

@@ -1,240 +0,0 @@
-import {
-  ScrollViewport
-} from "./chunk-C53C7C2X.js";
-import {
-  ScrollAreaContent
-} from "./chunk-4OEKIFBC.js";
-import {
-  resolveScrollAreaProps
-} from "./chunk-RHIDWUK7.js";
-
-// src/components/layout/ScrollArea/ScrollArea.tsx
-import KeyboardArrowUp from "@mui/icons-material/KeyboardArrowUp";
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import Fab from "@mui/material/Fab/index.js";
-import Zoom from "@mui/material/Zoom/index.js";
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var useObservedScrollRef = ({
-  externalScrollRef,
-  onResize
-}) => {
-  const internalScrollRef = useRef(null);
-  const [containerDimensions, setContainerDimensions] = useState({ width: 0, height: 0 });
-  useEffect(() => {
-    if (!internalScrollRef.current) return;
-    const resizeObserver = new ResizeObserver((entries) => {
-      const entry = entries[0];
-      if (entry) {
-        const { width, height } = entry.contentRect;
-        setContainerDimensions({ width, height });
-        onResize?.({ width, height });
-      }
-    });
-    resizeObserver.observe(internalScrollRef.current);
-    return () => resizeObserver.disconnect();
-  }, [onResize]);
-  const setScrollRef = useCallback(
-    (node) => {
-      internalScrollRef.current = node;
-      if (externalScrollRef) {
-        externalScrollRef.current = node;
-      }
-    },
-    [externalScrollRef]
-  );
-  return { scrollRef: internalScrollRef, setScrollRef, containerDimensions };
-};
-var useAutoHide = ({
-  autoHide,
-  alwaysShowScrollbar,
-  autoHideDelay
-}) => {
-  const [isScrolling, setIsScrolling] = useState(false);
-  const timeoutRef = useRef(void 0);
-  const noteScroll = useCallback(() => {
-    if (!autoHide || alwaysShowScrollbar) return;
-    setIsScrolling(true);
-    window.clearTimeout(timeoutRef.current);
-    timeoutRef.current = window.setTimeout(() => setIsScrolling(false), autoHideDelay);
-  }, [autoHide, alwaysShowScrollbar, autoHideDelay]);
-  useEffect(() => () => window.clearTimeout(timeoutRef.current), []);
-  return { isScrolling, noteScroll };
-};
-var useScrollArea = (props) => {
-  const {
-    disabled,
-    onScroll,
-    onResize,
-    externalScrollRef,
-    autoHide,
-    autoHideDelay,
-    alwaysShowScrollbar,
-    scrollToTopButton,
-    scrollToTopThreshold,
-    smoothScroll
-  } = props;
-  const { scrollRef, setScrollRef, containerDimensions } = useObservedScrollRef({
-    externalScrollRef,
-    onResize
-  });
-  const [showScrollToTop, setShowScrollToTop] = useState(false);
-  const { isScrolling, noteScroll } = useAutoHide({
-    autoHide,
-    alwaysShowScrollbar,
-    autoHideDelay
-  });
-  const handleScroll = useCallback(
-    (event) => {
-      if (disabled) return;
-      noteScroll();
-      if (scrollToTopButton && scrollRef.current) {
-        setShowScrollToTop(scrollRef.current.scrollTop > scrollToTopThreshold);
-      }
-      onScroll?.(event);
-    },
-    [disabled, noteScroll, scrollToTopButton, scrollToTopThreshold, onScroll, scrollRef]
-  );
-  const scrollToTop = useCallback(() => {
-    scrollRef.current?.scrollTo({ top: 0, behavior: smoothScroll ? "smooth" : "auto" });
-  }, [smoothScroll, scrollRef]);
-  return {
-    scrollRef,
-    setScrollRef,
-    isScrolling,
-    showScrollToTop,
-    containerDimensions,
-    handleScroll,
-    scrollToTop
-  };
-};
-var LoadingOverlay = () => /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      position: "absolute",
-      top: "50%",
-      left: "50%",
-      transform: "translate(-50%, -50%)",
-      zIndex: 10
-    },
-    children: /* @__PURE__ */ jsx(CircularProgress, {})
-  }
-);
-var ScrollToTopFab = ({
-  visible,
-  glass,
-  scrollToTopLabel,
-  onClick
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(Zoom, { in: visible, children: /* @__PURE__ */ jsx(
-    Fab,
-    {
-      size: "small",
-      "aria-label": scrollToTopLabel,
-      onClick,
-      sx: {
-        position: "absolute",
-        bottom: 16,
-        right: 16,
-        zIndex: 1,
-        backgroundColor: glass ? alpha(theme.palette.primary.main, 0.2) : theme.palette.primary.main,
-        backdropFilter: glass ? "blur(10px)" : "none",
-        "&:hover": {
-          backgroundColor: glass ? alpha(theme.palette.primary.main, 0.3) : theme.palette.primary.dark
-        }
-      },
-      children: /* @__PURE__ */ jsx(KeyboardArrowUp, {})
-    }
-  ) });
-};
-var ScrollArea = (componentProps) => {
-  const resolved = resolveScrollAreaProps(componentProps);
-  const {
-    regionLabel,
-    scrollToTopLabel,
-    children,
-    width,
-    height,
-    maxHeight,
-    maxWidth,
-    orientation: _orientation,
-    scrollbarSize: _scrollbarSize,
-    autoHide,
-    autoHideDelay: _autoHideDelay,
-    smoothScroll: _smoothScroll,
-    variant,
-    onScroll: _onScroll,
-    scrollToTopButton,
-    scrollToTopThreshold: _scrollToTopThreshold,
-    scrollbarColor: _scrollbarColor,
-    scrollbarTrackColor: _scrollbarTrackColor,
-    contentPadding: _contentPadding,
-    alwaysShowScrollbar,
-    disabled,
-    loading,
-    emptyContent,
-    testId,
-    scrollRef: externalScrollRef,
-    onResize: _onResize,
-    sx,
-    ...props
-  } = resolved;
-  const {
-    scrollRef,
-    setScrollRef,
-    isScrolling,
-    showScrollToTop,
-    containerDimensions,
-    handleScroll,
-    scrollToTop
-  } = useScrollArea({ ...resolved, externalScrollRef });
-  const shouldShowScrollbar = alwaysShowScrollbar || !autoHide || isScrolling;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": testId,
-      sx: { position: "relative", width, height, maxHeight, maxWidth, ...sx },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(
-          ScrollViewport,
-          {
-            ...resolved,
-            regionLabel,
-            shouldShowScrollbar,
-            setScrollRef,
-            onScroll: handleScroll,
-            children: /* @__PURE__ */ jsx(
-              ScrollAreaContent,
-              {
-                emptyContent,
-                scrollRef,
-                containerWidth: containerDimensions.width,
-                children
-              }
-            )
-          }
-        ),
-        loading && /* @__PURE__ */ jsx(LoadingOverlay, {}),
-        scrollToTopButton && scrollToTopLabel && !disabled && !loading && /* @__PURE__ */ jsx(
-          ScrollToTopFab,
-          {
-            scrollToTopLabel,
-            visible: showScrollToTop,
-            glass: variant === "glass",
-            onClick: scrollToTop
-          }
-        )
-      ]
-    }
-  );
-};
-
-export {
-  ScrollArea
-};
-//# sourceMappingURL=chunk-6YLAVHV4.js.map