@12-apps/ui 6.11.0 → 6.12.0

package/dist/chunk-2A3OMYCB.js

@@ -0,0 +1,159 @@
+import {
+  usePanelChrome
+} from "./chunk-G3QKH23Y.js";
+import {
+  ModalPanelContents,
+  modalAriaIds,
+  resolveModalContent
+} from "./chunk-JN3PGXRJ.js";
+import {
+  STYLE_ONLY_PROPS,
+  dialogRootStyles
+} from "./chunk-SMCLG2RA.js";
+
+// src/components/feedback/StackedModal/StackedModal.tsx
+import Dialog from "@mui/material/Dialog/index.js";
+import Slide from "@mui/material/Slide/index.js";
+import { styled } from "@mui/material/styles/index.js";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+var StyledDialog = styled(Dialog, {
+  shouldForwardProp: (prop) => !STYLE_ONLY_PROPS.includes(prop)
+})(({ theme, ...props }) => dialogRootStyles(theme, props));
+var SlideTransition = forwardRef(
+  function SlideTransition2(props, ref) {
+    return /* @__PURE__ */ jsx(Slide, { direction: "left", ref, ...props, children: props.children });
+  }
+);
+var DEFAULTS = {
+  open: false,
+  glass: false,
+  navigationTitle: "",
+  closeOnClickOutside: true,
+  closeOnEsc: true,
+  loading: false,
+  loadingText: "Loading...",
+  maxWidth: false,
+  disableBackdrop: false,
+  disableFocusTrap: false,
+  keepMounted: false,
+  rtl: false
+};
+var withDefaults = (props) => {
+  const resolved = { ...props };
+  for (const [key, value] of Object.entries(DEFAULTS)) {
+    const prop = key;
+    if (resolved[prop] === void 0) {
+      Object.assign(resolved, { [prop]: value });
+    }
+  }
+  return resolved;
+};
+var StackedModalPanel = (props) => {
+  const {
+    open,
+    onClose,
+    glass,
+    navigationTitle,
+    backLabel,
+    hideClose,
+    children,
+    actions,
+    modalId,
+    closeOnClickOutside,
+    closeOnEsc,
+    loading,
+    loadingText,
+    fullScreen,
+    maxWidth,
+    disableBackdrop,
+    disableFocusTrap,
+    keepMounted,
+    rtl,
+    dataTestId,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    ...otherProps
+  } = props;
+  const {
+    dialogRef,
+    modalRole,
+    isAnimating,
+    showSkeleton,
+    zIndex,
+    isMobile,
+    canGoBack,
+    handleBack,
+    handleClose
+  } = usePanelChrome({
+    open,
+    modalId,
+    loading,
+    closeOnEsc,
+    closeOnClickOutside,
+    disableFocusTrap,
+    onClose
+  });
+  if (modalRole === "background" && !keepMounted) return null;
+  const { content, modalActions, headerActions, hasMobileActions } = resolveModalContent(
+    children,
+    actions,
+    isMobile
+  );
+  const { titleId, descId } = modalAriaIds(modalId, ariaLabelledBy, ariaDescribedBy);
+  return /* @__PURE__ */ jsx(
+    StyledDialog,
+    {
+      ref: dialogRef,
+      open: Boolean(open),
+      onClose: handleClose,
+      fullScreen: fullScreen ?? isMobile,
+      modalRole,
+      isAnimating,
+      glass,
+      rtl,
+      customMaxWidth: maxWidth,
+      TransitionComponent: SlideTransition,
+      maxWidth,
+      disableEscapeKeyDown: !closeOnEsc,
+      hideBackdrop: disableBackdrop,
+      keepMounted,
+      "aria-labelledby": titleId,
+      "aria-describedby": descId,
+      "data-testid": dataTestId,
+      sx: { zIndex },
+      ...otherProps,
+      children: /* @__PURE__ */ jsx(
+        ModalPanelContents,
+        {
+          backLabel,
+          showSkeleton,
+          loadingText,
+          titleId,
+          descId,
+          navigationTitle,
+          hideClose,
+          canGoBack,
+          onBack: handleBack,
+          onClose,
+          headerActions,
+          content,
+          modalActions,
+          hasMobileActions,
+          rtl,
+          dataTestId
+        }
+      )
+    }
+  );
+};
+var StackedModal = (props) => {
+  const fallbackId = useId();
+  const resolved = withDefaults(props);
+  return /* @__PURE__ */ jsx(StackedModalPanel, { ...resolved, modalId: resolved.modalId ?? fallbackId });
+};
+
+export {
+  StackedModal
+};
+//# sourceMappingURL=chunk-2A3OMYCB.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/StackedModal/StackedModal.tsx"],"sourcesContent":["import Dialog from '@mui/material/Dialog/index.js';\nimport Slide from '@mui/material/Slide/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport type { TransitionProps } from '@mui/material/transitions/index.js';\nimport type { FC } from 'react';\nimport React, { forwardRef, useId } from 'react';\nimport { usePanelChrome } from './StackedModal.hooks';\nimport { modalAriaIds, ModalPanelContents, resolveModalContent } from './StackedModal.parts';\nimport type { PanelStyleProps } from './StackedModal.styles';\nimport { dialogRootStyles, STYLE_ONLY_PROPS } from './StackedModal.styles';\nimport type { StackedModalProps } from './StackedModal.types';\n\nconst StyledDialog = styled(Dialog, {\n  shouldForwardProp: (prop) => !STYLE_ONLY_PROPS.includes(prop as string),\n})<PanelStyleProps>(({ theme, ...props }) => dialogRootStyles(theme, props));\n\n/** Panels slide in from the right on every device. */\nconst SlideTransition = forwardRef<HTMLDivElement, TransitionProps>(\n  function SlideTransition(props, ref) {\n    return (\n      <Slide direction=\"left\" ref={ref} {...props}>\n        {props.children as React.ReactElement}\n      </Slide>\n    );\n  },\n);\n\nconst DEFAULTS: Partial<StackedModalProps> = {\n  open: false,\n  glass: false,\n  navigationTitle: '',\n  closeOnClickOutside: true,\n  closeOnEsc: true,\n  loading: false,\n  loadingText: 'Loading...',\n  maxWidth: false,\n  disableBackdrop: false,\n  disableFocusTrap: false,\n  keepMounted: false,\n  rtl: false,\n};\n\n/**\n * Fills in the defaults for props the caller left `undefined`. A table plus one\n * loop, rather than a default per destructured prop — each of those is a branch,\n * and fifteen of them put the component over the complexity bar on their own.\n */\nconst withDefaults = (props: StackedModalProps): StackedModalProps => {\n  const resolved = { ...props };\n  for (const [key, value] of Object.entries(DEFAULTS)) {\n    const prop = key as keyof StackedModalProps;\n    if (resolved[prop] === undefined) {\n      Object.assign(resolved, { [prop]: value });\n    }\n  }\n  return resolved;\n};\n\n/** The modal's props once defaults are applied and its stack identity is settled. */\ntype ResolvedProps = StackedModalProps & { modalId: string };\n\nconst StackedModalPanel: FC<ResolvedProps> = (props) => {\n  const {\n    open, onClose, glass, navigationTitle, backLabel, hideClose, children, actions, modalId,\n    closeOnClickOutside, closeOnEsc, loading, loadingText, fullScreen, maxWidth, disableBackdrop,\n    disableFocusTrap, keepMounted, rtl, dataTestId,\n    'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, ...otherProps\n  } = props;\n\n  const {\n    dialogRef, modalRole, isAnimating, showSkeleton, zIndex, isMobile, canGoBack,\n    handleBack, handleClose,\n  } = usePanelChrome({\n    open, modalId, loading, closeOnEsc, closeOnClickOutside, disableFocusTrap, onClose,\n  });\n\n  // Don't render if in background (performance optimization)\n  if (modalRole === 'background' && !keepMounted) return null;\n\n  const { content, modalActions, headerActions, hasMobileActions } = resolveModalContent(\n    children,\n    actions,\n    isMobile,\n  );\n  const { titleId, descId } = modalAriaIds(modalId, ariaLabelledBy, ariaDescribedBy);\n\n  return (\n    <StyledDialog\n      ref={dialogRef}\n      open={Boolean(open)}\n      onClose={handleClose}\n      fullScreen={fullScreen ?? isMobile}\n      modalRole={modalRole}\n      isAnimating={isAnimating}\n      glass={glass}\n      rtl={rtl}\n      customMaxWidth={maxWidth}\n      TransitionComponent={SlideTransition}\n      maxWidth={maxWidth}\n      disableEscapeKeyDown={!closeOnEsc}\n      hideBackdrop={disableBackdrop}\n      keepMounted={keepMounted}\n      aria-labelledby={titleId}\n      aria-describedby={descId}\n      data-testid={dataTestId}\n      sx={{ zIndex }}\n      {...otherProps}\n    >\n      <ModalPanelContents\n        backLabel={backLabel}\n        showSkeleton={showSkeleton}\n        loadingText={loadingText}\n        titleId={titleId}\n        descId={descId}\n        navigationTitle={navigationTitle}\n        hideClose={hideClose}\n        canGoBack={canGoBack}\n        onBack={handleBack}\n        onClose={onClose}\n        headerActions={headerActions}\n        content={content}\n        modalActions={modalActions}\n        hasMobileActions={hasMobileActions}\n        rtl={rtl}\n        dataTestId={dataTestId}\n      />\n    </StyledDialog>\n  );\n};\n\nexport const StackedModal: FC<StackedModalProps> = (props) => {\n  // A modal with no caller-supplied id still needs a STABLE one — it keys this\n  // panel's entry in the stack, so a value that changed per render (as a\n  // `Math.random()` default does) would re-register it on every pass.\n  const fallbackId = useId();\n  const resolved = withDefaults(props);\n  return <StackedModalPanel {...resolved} modalId={resolved.modalId ?? fallbackId} />;\n};\n\n// Re-exported so `./StackedModal` stays the single public entry point for the\n// component and its stack primitives, as the barrel and existing imports expect.\nexport {\n  ModalStackProvider,\n  ModalStackProvider as StackedModalProvider,\n  useModalStack,\n  useModalStack as useStackedModal,\n} from './modal-stack';\nexport { StackedModalActions, StackedModalContent } from './StackedModal.parts';\n"],"mappings":"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","names":["SlideTransition"]}

package/dist/chunk-2CEV746H.js

@@ -0,0 +1,46 @@
+// src/components/form/HeaderButton/HeaderButton.tsx
+import Box from "@mui/material/Box/index.js";
+import Button from "@mui/material/Button/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function HeaderButton({
+  text,
+  icon,
+  endIcon,
+  onClick,
+  variant = "contained",
+  color = "primary",
+  disabled,
+  collapseBelow = "md",
+  fullWidth,
+  dataTestId,
+  ...aria
+}) {
+  const labelDisplay = { xs: "none", [collapseBelow]: "inline" };
+  const horizontalPad = { xs: 1, [collapseBelow]: 2 };
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant,
+      color,
+      size: "medium",
+      onClick,
+      disabled,
+      fullWidth,
+      "aria-label": typeof text === "string" ? text : void 0,
+      "aria-haspopup": aria["aria-haspopup"],
+      "aria-expanded": aria["aria-expanded"],
+      "data-testid": dataTestId,
+      sx: { minWidth: 0, gap: 0.75, px: horizontalPad, py: 1, fontSize: "1rem", textTransform: "none" },
+      children: [
+        /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center" }, children: icon }),
+        /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: labelDisplay }, children: text }),
+        endIcon != null && /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center" }, children: endIcon })
+      ]
+    }
+  );
+}
+
+export {
+  HeaderButton
+};
+//# sourceMappingURL=chunk-2CEV746H.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/HeaderButton/HeaderButton.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport type { ButtonProps } from '@mui/material/Button/index.js';\nimport type { ReactNode } from 'react';\n\ntype Breakpoint = 'sm' | 'md' | 'lg';\n\nexport interface HeaderButtonProps {\n  /** The label — shown next to the icon on wide screens, hidden (icon-only) below `collapseBelow`. */\n  text: ReactNode;\n  /** Leading icon/image — always visible. */\n  icon: ReactNode;\n  /** Optional trailing icon (e.g. a dropdown chevron) — always visible. */\n  endIcon?: ReactNode;\n  onClick?: ButtonProps['onClick'];\n  /** MUI variant. @default 'contained' */\n  variant?: ButtonProps['variant'];\n  /** MUI color. @default 'primary' */\n  color?: ButtonProps['color'];\n  disabled?: boolean;\n  /** Width below which the button collapses to icon-only. @default 'md' */\n  collapseBelow?: Breakpoint;\n  fullWidth?: boolean;\n  'aria-haspopup'?: ButtonProps['aria-haspopup'];\n  'aria-expanded'?: boolean;\n  dataTestId?: string;\n}\n\n/**\n * A page-header action that adapts to width: below `collapseBelow` it renders\n * ONLY its icon (compact, so several fit one line on phones); at/above it renders\n * the icon + text label. The accessible name is always `text`, so the icon-only\n * state stays labeled for screen readers.\n */\nexport function HeaderButton({\n  text,\n  icon,\n  endIcon,\n  onClick,\n  variant = 'contained',\n  color = 'primary',\n  disabled,\n  collapseBelow = 'md',\n  fullWidth,\n  dataTestId,\n  ...aria\n}: HeaderButtonProps): React.JSX.Element {\n  // Hide the label below the breakpoint; keep the icon(s). `gap` collapses around\n  // the display:none label, so on mobile it reads as a compact icon button.\n  const labelDisplay = { xs: 'none', [collapseBelow]: 'inline' };\n  const horizontalPad = { xs: 1, [collapseBelow]: 2 };\n  return (\n    <Button\n      variant={variant}\n      color={color}\n      size=\"medium\"\n      onClick={onClick}\n      disabled={disabled}\n      fullWidth={fullWidth}\n      aria-label={typeof text === 'string' ? text : undefined}\n      aria-haspopup={aria['aria-haspopup']}\n      aria-expanded={aria['aria-expanded']}\n      data-testid={dataTestId}\n      sx={{ minWidth: 0, gap: 0.75, px: horizontalPad, py: 1, fontSize: '1rem', textTransform: 'none' }}\n    >\n      <Box component=\"span\" sx={{ display: 'inline-flex', alignItems: 'center' }}>\n        {icon}\n      </Box>\n      <Box component=\"span\" sx={{ display: labelDisplay }}>\n        {text}\n      </Box>\n      {endIcon != null && (\n        <Box component=\"span\" sx={{ display: 'inline-flex', alignItems: 'center' }}>\n          {endIcon}\n        </Box>\n      )}\n    </Button>\n  );\n}\n"],"mappings":";AAEA,OAAO,SAAS;AAChB,OAAO,YAAY;AAmDf,SAaE,KAbF;AAlBG,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyC;AAGvC,QAAM,eAAe,EAAE,IAAI,QAAQ,CAAC,aAAa,GAAG,SAAS;AAC7D,QAAM,gBAAgB,EAAE,IAAI,GAAG,CAAC,aAAa,GAAG,EAAE;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY,OAAO,SAAS,WAAW,OAAO;AAAA,MAC9C,iBAAe,KAAK,eAAe;AAAA,MACnC,iBAAe,KAAK,eAAe;AAAA,MACnC,eAAa;AAAA,MACb,IAAI,EAAE,UAAU,GAAG,KAAK,MAAM,IAAI,eAAe,IAAI,GAAG,UAAU,QAAQ,eAAe,OAAO;AAAA,MAEhG;AAAA,4BAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,eAAe,YAAY,SAAS,GACtE,gBACH;AAAA,QACA,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,aAAa,GAC/C,gBACH;AAAA,QACC,WAAW,QACV,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,SAAS,eAAe,YAAY,SAAS,GACtE,mBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","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-2I5B5NNT.js

@@ -0,0 +1,88 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  Button
+} from "./chunk-6HLRXICF.js";
+import {
+  Text
+} from "./chunk-VRHBJXZ7.js";
+
+// src/components/data-display/DataViews/data-views-select-all-strip.tsx
+import Checkbox from "@mui/material/Checkbox/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SelectAllStrip({
+  rows,
+  getRowId,
+  selectedIds,
+  onChange,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  if (rows.length === 0) return null;
+  const pageIds = rows.map(getRowId);
+  const selectedHere = pageIds.filter((id) => selectedIds.has(id)).length;
+  const all = selectedHere === pageIds.length;
+  const some = selectedHere > 0 && !all;
+  const toggle = () => {
+    if (all) {
+      const next = new Set(selectedIds);
+      pageIds.forEach((id) => next.delete(id));
+      onChange(next);
+      return;
+    }
+    onChange(/* @__PURE__ */ new Set([...selectedIds, ...pageIds]));
+  };
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      "data-testid": `${testIdPrefix}-select-all-strip`,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 1,
+        mt: 1.5,
+        px: 1,
+        py: 0.75,
+        borderBottom: 1,
+        borderColor: "divider",
+        bgcolor: "action.hover",
+        borderRadius: 1
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            size: "small",
+            checked: all,
+            indeterminate: some,
+            onChange: toggle,
+            "data-testid": `${testIdPrefix}-select-all-box`,
+            inputProps: { "aria-label": copy.selection.selectAllOnPage },
+            sx: { p: 0.5 }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "text",
+            size: "sm",
+            color: "secondary",
+            onClick: toggle,
+            dataTestId: `${testIdPrefix}-select-all-toggle`,
+            children: all ? copy.selection.clearSelection : copy.selection.selectAll
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { ml: "auto", color: "text.disabled", whiteSpace: "nowrap" }, children: copy.selection.onThisPage(rows.length) }) })
+      ]
+    }
+  );
+}
+
+export {
+  SelectAllStrip
+};
+//# sourceMappingURL=chunk-2I5B5NNT.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-select-all-strip.tsx"],"sourcesContent":["\"use client\";\n\nimport Checkbox from \"@mui/material/Checkbox/index.js\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\n/**\n * SELECT-ALL FOR THE LAYOUTS THAT HAVE NO HEADER ROW.\n *\n * The table gets this for free: its `<thead>` carries a checkbox, so beginning\n * a selection is one click on a control that sits with the rows it selects.\n * The cards, the list and the board have no header at all — so without this\n * there is NO way to start a selection except clicking an item first, and\n * \"select everything on this page\" costs one click per row.\n *\n * It is deliberately NOT more toolbar chrome. It sits directly above the\n * content it selects, which is exactly where the table's `<thead>` checkbox\n * sits; putting it in the toolbar would separate the control from its object\n * and would also be the third place in this component that renders a\n * select-all.\n *\n * Renders nothing for an empty page: a select-all over zero rows is a control\n * that cannot do anything, and reserving its band would make the empty state\n * sit lower in the cards than it does in the table.\n */\nexport function SelectAllStrip<T>({\n  rows,\n  getRowId,\n  selectedIds,\n  onChange,\n  testIdPrefix,\n}: {\n  rows: T[];\n  getRowId: (row: T) => string | number;\n  selectedIds: Set<string | number>;\n  onChange: (next: Set<string | number>) => void;\n  testIdPrefix: string;\n}): React.JSX.Element | null {\n  const copy = useDataViewsCopy();\n  if (rows.length === 0) return null;\n  const pageIds = rows.map(getRowId);\n  const selectedHere = pageIds.filter((id) => selectedIds.has(id)).length;\n  const all = selectedHere === pageIds.length;\n  // INDETERMINATE, not just checked/unchecked: with 3 of 25 selected, an\n  // unchecked box says \"nothing is selected\" and a checked one says\n  // \"everything is\". Both are wrong, and the third state is the honest one.\n  const some = selectedHere > 0 && !all;\n\n  const toggle = (): void => {\n    if (all) {\n      // Clear only THIS page's ids — a selection made on another page is not\n      // this control's to discard.\n      const next = new Set(selectedIds);\n      pageIds.forEach((id) => next.delete(id));\n      onChange(next);\n      return;\n    }\n    onChange(new Set([...selectedIds, ...pageIds]));\n  };\n\n  return (\n    <Box\n      data-testid={`${testIdPrefix}-select-all-strip`}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 1,\n        mt: 1.5,\n        px: 1,\n        py: 0.75,\n        borderBottom: 1,\n        borderColor: \"divider\",\n        bgcolor: \"action.hover\",\n        borderRadius: 1,\n      }}\n    >\n      <Checkbox\n        size=\"small\"\n        checked={all}\n        indeterminate={some}\n        onChange={toggle}\n        data-testid={`${testIdPrefix}-select-all-box`}\n        inputProps={{ \"aria-label\": copy.selection.selectAllOnPage }}\n        sx={{ p: 0.5 }}\n      />\n      <Button\n        variant=\"text\"\n        size=\"sm\"\n        color=\"secondary\"\n        onClick={toggle}\n        dataTestId={`${testIdPrefix}-select-all-toggle`}\n      >\n        {all ? copy.selection.clearSelection : copy.selection.selectAll}\n      </Button>\n      <Text variant=\"caption\" as=\"span\">\n        {/* \"nesta página\" is load-bearing: the scope tabs above show\n            whole-query totals, so an unqualified count here would read as one. */}\n        <Box component=\"span\" sx={{ ml: \"auto\", color: \"text.disabled\", whiteSpace: \"nowrap\" }}>\n          {copy.selection.onThisPage(rows.length)}\n        </Box>\n      </Text>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAEA,OAAO,cAAc;AA8DjB,SAeE,KAfF;AApCG,SAAS,eAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAM6B;AAC3B,QAAM,OAAO,iBAAiB;AAC9B,MAAI,KAAK,WAAW,EAAG,QAAO;AAC9B,QAAM,UAAU,KAAK,IAAI,QAAQ;AACjC,QAAM,eAAe,QAAQ,OAAO,CAAC,OAAO,YAAY,IAAI,EAAE,CAAC,EAAE;AACjE,QAAM,MAAM,iBAAiB,QAAQ;AAIrC,QAAM,OAAO,eAAe,KAAK,CAAC;AAElC,QAAM,SAAS,MAAY;AACzB,QAAI,KAAK;AAGP,YAAM,OAAO,IAAI,IAAI,WAAW;AAChC,cAAQ,QAAQ,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;AACvC,eAAS,IAAI;AACb;AAAA,IACF;AACA,aAAS,oBAAI,IAAI,CAAC,GAAG,aAAa,GAAG,OAAO,CAAC,CAAC;AAAA,EAChD;AAEA,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,eAAa,GAAG,YAAY;AAAA,MAC5B,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,cAAc;AAAA,QACd,aAAa;AAAA,QACb,SAAS;AAAA,QACT,cAAc;AAAA,MAChB;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,eAAe;AAAA,YACf,UAAU;AAAA,YACV,eAAa,GAAG,YAAY;AAAA,YAC5B,YAAY,EAAE,cAAc,KAAK,UAAU,gBAAgB;AAAA,YAC3D,IAAI,EAAE,GAAG,IAAI;AAAA;AAAA,QACf;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YACN,SAAS;AAAA,YACT,YAAY,GAAG,YAAY;AAAA,YAE1B,gBAAM,KAAK,UAAU,iBAAiB,KAAK,UAAU;AAAA;AAAA,QACxD;AAAA,QACA,oBAAC,QAAK,SAAQ,WAAU,IAAG,QAGzB,8BAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,IAAI,QAAQ,OAAO,iBAAiB,YAAY,SAAS,GAClF,eAAK,UAAU,WAAW,KAAK,MAAM,GACxC,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["default"]}

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":[]}

package/dist/chunk-2LXHUGYB.js

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

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

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

package/dist/chunk-2PPWKCMW.js

@@ -0,0 +1,184 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  Text
+} from "./chunk-VRHBJXZ7.js";
+
+// src/components/data-display/DataViews/data-views-columns-tab.tsx
+import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
+import ArrowUpwardRoundedIcon from "@mui/icons-material/ArrowUpwardRounded";
+import DragIndicatorRoundedIcon from "@mui/icons-material/DragIndicatorRounded";
+import Checkbox from "@mui/material/Checkbox/index.js";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function moved(order, id, delta) {
+  const from = order.indexOf(id);
+  const to = from + delta;
+  if (from < 0 || to < 0 || to >= order.length) return order;
+  const next = [...order];
+  [next[from], next[to]] = [next[to], next[from]];
+  return next;
+}
+function ColumnsTab({
+  columns,
+  order,
+  visibleColumns,
+  onToggle,
+  onReorder,
+  onShowAll,
+  onReset,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  const [dragId, setDragId] = useState(null);
+  const byId = new Map(columns.map((column) => [column.id, column]));
+  const ordered = order.map((id) => byId.get(id)).filter((column) => Boolean(column));
+  const visibleHideableCount = visibleColumns.filter((id) => byId.has(id)).length;
+  const dropOn = (id) => {
+    if (!dragId || dragId === id) return;
+    const without = order.filter((key) => key !== dragId);
+    without.splice(without.indexOf(id), 0, dragId);
+    onReorder(without);
+    setDragId(null);
+  };
+  return /* @__PURE__ */ jsxs(default2, { children: [
+    /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", px: 1.5, py: 1 }, children: [
+      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { color: "text.secondary" }, "data-testid": `${testIdPrefix}-columns-count`, children: copy.columns.visibleCount(visibleHideableCount, columns.length) }) }),
+      /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", gap: 1 }, children: [
+        /* @__PURE__ */ jsx(LinkButton, { label: copy.columns.showAll, onClick: onShowAll, testId: `${testIdPrefix}-columns-show-all` }),
+        /* @__PURE__ */ jsx(LinkButton, { label: copy.columns.reset, onClick: onReset, testId: `${testIdPrefix}-columns-reset`, muted: true })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 1.5, pb: 0.5, display: "block", color: "text.disabled" }, children: copy.columns.dragHint }) }),
+    /* @__PURE__ */ jsx(default2, { sx: { px: 0.75, pb: 0.75 }, children: ordered.map((column) => /* @__PURE__ */ jsx(
+      ColumnRow,
+      {
+        column,
+        visible: visibleColumns.includes(column.id),
+        dragging: dragId === column.id,
+        onToggle,
+        onDragStart: () => setDragId(column.id),
+        onDragEnd: () => setDragId(null),
+        onDrop: () => dropOn(column.id),
+        onMove: (delta) => onReorder(moved(order, column.id, delta)),
+        testIdPrefix
+      },
+      column.id
+    )) })
+  ] });
+}
+function LinkButton({
+  label,
+  onClick,
+  testId,
+  muted
+}) {
+  return /* @__PURE__ */ jsx(
+    default2,
+    {
+      component: "button",
+      type: "button",
+      onClick,
+      "data-testid": testId,
+      sx: {
+        border: 0,
+        background: "none",
+        cursor: "pointer",
+        font: "inherit",
+        fontSize: "0.75rem",
+        p: 0,
+        color: muted ? "text.secondary" : "primary.main",
+        "&:hover": { textDecoration: "underline" }
+      },
+      children: label
+    }
+  );
+}
+function ColumnRow({
+  column,
+  visible,
+  dragging,
+  onToggle,
+  onDragStart,
+  onDragEnd,
+  onDrop,
+  onMove,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      draggable: true,
+      onDragStart,
+      onDragEnd,
+      onDragOver: (event) => event.preventDefault(),
+      onDrop,
+      "data-testid": `${testIdPrefix}-column-row-${column.id}`,
+      sx: {
+        display: "flex",
+        alignItems: "center",
+        gap: 0.5,
+        px: 0.75,
+        py: 0.25,
+        borderRadius: 1,
+        opacity: dragging ? 0.4 : 1,
+        "&:hover": { bgcolor: "action.hover" },
+        "&:hover .dv-col-move": { opacity: 1 }
+      },
+      children: [
+        /* @__PURE__ */ jsx(default2, { component: "span", "aria-hidden": true, sx: { display: "flex", color: "action.disabled", cursor: "grab" }, children: /* @__PURE__ */ jsx(DragIndicatorRoundedIcon, { fontSize: "small" }) }),
+        /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            size: "small",
+            checked: visible,
+            onChange: (event) => onToggle(column.id, event.target.checked),
+            inputProps: { "aria-label": column.label },
+            "data-testid": `${testIdPrefix}-column-toggle-${column.id}`
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, color: visible ? "text.primary" : "text.disabled" }, children: column.label }) }),
+        /* @__PURE__ */ jsxs(default2, { className: "dv-col-move", sx: { ml: "auto", display: "flex", opacity: 0, transition: "opacity .15s" }, children: [
+          /* @__PURE__ */ jsx(MoveButton, { label: copy.columns.moveUp(column.label), onClick: () => onMove(-1), up: true }),
+          /* @__PURE__ */ jsx(MoveButton, { label: copy.columns.moveDown(column.label), onClick: () => onMove(1) })
+        ] })
+      ]
+    }
+  );
+}
+function MoveButton({
+  label,
+  onClick,
+  up
+}) {
+  return /* @__PURE__ */ jsx(
+    default2,
+    {
+      component: "button",
+      type: "button",
+      "aria-label": label,
+      onClick,
+      sx: {
+        display: "flex",
+        border: 0,
+        p: 0.25,
+        background: "none",
+        borderRadius: 0.5,
+        cursor: "pointer",
+        color: "text.secondary",
+        "&:hover": { bgcolor: "action.selected" }
+      },
+      children: up ? /* @__PURE__ */ jsx(ArrowUpwardRoundedIcon, { sx: { fontSize: 14 } }) : /* @__PURE__ */ jsx(ArrowDownwardRoundedIcon, { sx: { fontSize: 14 } })
+    }
+  );
+}
+
+export {
+  ColumnsTab
+};
+//# sourceMappingURL=chunk-2PPWKCMW.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-columns-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport ArrowDownwardRoundedIcon from \"@mui/icons-material/ArrowDownwardRounded\";\nimport ArrowUpwardRoundedIcon from \"@mui/icons-material/ArrowUpwardRounded\";\nimport DragIndicatorRoundedIcon from \"@mui/icons-material/DragIndicatorRounded\";\nimport Checkbox from \"@mui/material/Checkbox/index.js\";\nimport { useState } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { HideableColumn } from \"./data-views-columns\";\n\n/* ── Colunas ─────────────────────────────────────────────────────────────── */\n\ninterface ColumnsTabProps {\n  columns: HideableColumn[];\n  /** Every column id in the CURRENT order (including non-hideable ones). */\n  order: string[];\n  visibleColumns: string[];\n  onToggle: (id: string, visible: boolean) => void;\n  onReorder: (order: string[]) => void;\n  onShowAll: () => void;\n  onReset: () => void;\n  testIdPrefix: string;\n}\n\n/** Swap the column at `id` with its neighbour `delta` places away. */\nfunction moved(order: string[], id: string, delta: number): string[] {\n  const from = order.indexOf(id);\n  const to = from + delta;\n  if (from < 0 || to < 0 || to >= order.length) return order;\n  const next = [...order];\n  [next[from], next[to]] = [next[to]!, next[from]!];\n  return next;\n}\n\n/**\n * Visibility AND order in one list, because they are the same decision: an\n * operator reordering columns is deciding what to read first, and hiding one is\n * deciding not to read it at all. Drag the grip, or use the arrows — the arrows\n * exist because drag-and-drop is unusable by keyboard and awkward on a phone.\n */\nexport function ColumnsTab({\n  columns,\n  order,\n  visibleColumns,\n  onToggle,\n  onReorder,\n  onShowAll,\n  onReset,\n  testIdPrefix,\n}: ColumnsTabProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const [dragId, setDragId] = useState<string | null>(null);\n  const byId = new Map(columns.map((column) => [column.id, column]));\n  const ordered = order.map((id) => byId.get(id)).filter((column): column is HideableColumn => Boolean(column));\n  // Counted against `columns`, which is the HIDEABLE set — `visibleColumns`\n  // also carries the locked ones (a `hideable: false` id like the row's\n  // identifier), and counting it whole reads \"9 de 8 visíveis\".\n  const visibleHideableCount = visibleColumns.filter((id) => byId.has(id)).length;\n\n  const dropOn = (id: string): void => {\n    if (!dragId || dragId === id) return;\n    const without = order.filter((key) => key !== dragId);\n    without.splice(without.indexOf(id), 0, dragId);\n    onReorder(without);\n    setDragId(null);\n  };\n\n  return (\n    <Box>\n      <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", px: 1.5, py: 1 }}>\n        <Text variant=\"caption\" as=\"span\">\n          <Box component=\"span\" sx={{ color: \"text.secondary\" }} data-testid={`${testIdPrefix}-columns-count`}>\n            {copy.columns.visibleCount(visibleHideableCount, columns.length)}\n          </Box>\n        </Text>\n        <Box sx={{ display: \"flex\", gap: 1 }}>\n          <LinkButton label={copy.columns.showAll} onClick={onShowAll} testId={`${testIdPrefix}-columns-show-all`} />\n          <LinkButton label={copy.columns.reset} onClick={onReset} testId={`${testIdPrefix}-columns-reset`} muted />\n        </Box>\n      </Box>\n      <Text variant=\"caption\" as=\"p\">\n        <Box component=\"span\" sx={{ px: 1.5, pb: 0.5, display: \"block\", color: \"text.disabled\" }}>\n          {copy.columns.dragHint}\n        </Box>\n      </Text>\n      <Box sx={{ px: 0.75, pb: 0.75 }}>\n        {ordered.map((column) => (\n          <ColumnRow\n            key={column.id}\n            column={column}\n            visible={visibleColumns.includes(column.id)}\n            dragging={dragId === column.id}\n            onToggle={onToggle}\n            onDragStart={() => setDragId(column.id)}\n            onDragEnd={() => setDragId(null)}\n            onDrop={() => dropOn(column.id)}\n            onMove={(delta) => onReorder(moved(order, column.id, delta))}\n            testIdPrefix={testIdPrefix}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n}\n\n/** A borderless text action, for the two column resets. */\nfunction LinkButton({\n  label,\n  onClick,\n  testId,\n  muted,\n}: {\n  label: string;\n  onClick: () => void;\n  testId: string;\n  muted?: boolean;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      sx={{\n        border: 0,\n        background: \"none\",\n        cursor: \"pointer\",\n        font: \"inherit\",\n        fontSize: \"0.75rem\",\n        p: 0,\n        color: muted ? \"text.secondary\" : \"primary.main\",\n        \"&:hover\": { textDecoration: \"underline\" },\n      }}\n    >\n      {label}\n    </Box>\n  );\n}\n\ninterface ColumnRowProps {\n  column: HideableColumn;\n  visible: boolean;\n  dragging: boolean;\n  onToggle: (id: string, visible: boolean) => void;\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  onDrop: () => void;\n  onMove: (delta: number) => void;\n  testIdPrefix: string;\n}\n\n/** One column: grip, checkbox, label, and the keyboard-reachable move arrows. */\nfunction ColumnRow({\n  column,\n  visible,\n  dragging,\n  onToggle,\n  onDragStart,\n  onDragEnd,\n  onDrop,\n  onMove,\n  testIdPrefix,\n}: ColumnRowProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      draggable\n      onDragStart={onDragStart}\n      onDragEnd={onDragEnd}\n      onDragOver={(event: React.DragEvent) => event.preventDefault()}\n      onDrop={onDrop}\n      data-testid={`${testIdPrefix}-column-row-${column.id}`}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 0.5,\n        px: 0.75,\n        py: 0.25,\n        borderRadius: 1,\n        opacity: dragging ? 0.4 : 1,\n        \"&:hover\": { bgcolor: \"action.hover\" },\n        \"&:hover .dv-col-move\": { opacity: 1 },\n      }}\n    >\n      <Box component=\"span\" aria-hidden sx={{ display: \"flex\", color: \"action.disabled\", cursor: \"grab\" }}>\n        <DragIndicatorRoundedIcon fontSize=\"small\" />\n      </Box>\n      <Checkbox\n        size=\"small\"\n        checked={visible}\n        onChange={(event) => onToggle(column.id, event.target.checked)}\n        inputProps={{ \"aria-label\": column.label }}\n        data-testid={`${testIdPrefix}-column-toggle-${column.id}`}\n      />\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ flex: 1, color: visible ? \"text.primary\" : \"text.disabled\" }}>\n          {column.label}\n        </Box>\n      </Text>\n      <Box className=\"dv-col-move\" sx={{ ml: \"auto\", display: \"flex\", opacity: 0, transition: \"opacity .15s\" }}>\n        <MoveButton label={copy.columns.moveUp(column.label)} onClick={() => onMove(-1)} up />\n        <MoveButton label={copy.columns.moveDown(column.label)} onClick={() => onMove(1)} />\n      </Box>\n    </Box>\n  );\n}\n\n/** One of the two reorder arrows — the keyboard's path through the drag handle. */\nfunction MoveButton({\n  label,\n  onClick,\n  up,\n}: {\n  label: string;\n  onClick: () => void;\n  up?: boolean;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      aria-label={label}\n      onClick={onClick}\n      sx={{\n        display: \"flex\",\n        border: 0,\n        p: 0.25,\n        background: \"none\",\n        borderRadius: 0.5,\n        cursor: \"pointer\",\n        color: \"text.secondary\",\n        \"&:hover\": { bgcolor: \"action.selected\" },\n      }}\n    >\n      {up ? <ArrowUpwardRoundedIcon sx={{ fontSize: 14 }} /> : <ArrowDownwardRoundedIcon sx={{ fontSize: 14 }} />}\n    </Box>\n  );\n}\n\n"],"mappings":"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","names":["default"]}