@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-JCBIPBGZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Select/Select.tsx"],"sourcesContent":["import FormControl from '@mui/material/FormControl/index.js';\nimport FormHelperText from '@mui/material/FormHelperText/index.js';\nimport InputLabel from '@mui/material/InputLabel/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport MuiSelect from '@mui/material/Select/index.js';\nimport { alpha, type CSSObject, keyframes, styled, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n  SELECT_BORDER,\n  SELECT_GLASS,\n  SELECT_GLOW,\n  SELECT_GRADIENT,\n  SELECT_PULSE,\n  selectInputSize,\n} from './Select.metrics';\nimport type { SelectProps } from './Select.types';\n\nimport { splitTestId } from '../../../platform/test-id';\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { asFieldSize, fieldControlStyles, fieldHeight } from '../../../tokens/field-height';\nimport type { SizeValue } from '../../../tokens/vocabulary';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { absoluteInk } from '../../../tokens/ink';\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${SELECT_PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/** Glow ring on the outlined input, keyed off the `glow` prop. */\nconst glowStyles = (theme: Theme): CSSObject => ({\n  '& .MuiOutlinedInput-root': {\n    boxShadow: `0 0 ${SELECT_GLOW.rest.blur}px ${alpha(theme.palette.primary.main, SELECT_GLOW.rest.alpha)}`,\n    '&.Mui-focused': {\n      boxShadow: `0 0 ${SELECT_GLOW.focused.blur}px ${alpha(theme.palette.primary.main, SELECT_GLOW.focused.alpha)}`,\n    },\n  },\n});\n\n/** Pulsing halo behind the control, keyed off the `pulse` prop. */\nconst pulseStyles = (theme: Theme, size: SizeValue): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '0',\n    right: '0',\n    height: fieldHeight(theme, size),\n    transform: 'translateY(-50%)',\n    borderRadius: fieldRadius(theme),\n    backgroundColor: theme.palette.primary.main,\n    opacity: SELECT_PULSE.opacity,\n    animation: `${pulseAnimation} ${SELECT_PULSE.ms / 1000}s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\n/** `glass` variant: translucent, blurred background. */\nconst glassVariant = (theme: Theme): CSSObject => ({\n  backgroundColor: alpha(theme.palette.background.paper, SELECT_GLASS.background.rest),\n  backdropFilter: `blur(${SELECT_GLASS.blur}px)`,\n  border: `${SELECT_BORDER.rest}px solid ${fieldEdge(theme)}`,\n  '& fieldset': { border: 'none' },\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.background.paper, SELECT_GLASS.background.hover),\n    borderColor: alpha(theme.palette.primary.main, SELECT_GLASS.hoverBorderAlpha),\n  },\n  '&.Mui-focused': {\n    backgroundColor: alpha(theme.palette.background.paper, SELECT_GLASS.background.focused),\n    borderColor: theme.palette.primary.main,\n    boxShadow: `0 0 0 ${SELECT_GLASS.focusRing.width}px ${alpha(theme.palette.primary.main, SELECT_GLASS.focusRing.alpha)}`,\n  },\n});\n\n/** `gradient` variant: gradient fill with a masked gradient border. */\nconst gradientFill = (theme: Theme, strength: number): string =>\n  `linear-gradient(${SELECT_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, strength)}, ${alpha(theme.palette.secondary.main, strength)})`;\n\nconst gradientVariant = (theme: Theme): CSSObject => ({\n  background: gradientFill(theme, SELECT_GRADIENT.fill.rest),\n  border: `${SELECT_GRADIENT.borderWidth}px solid transparent`,\n  backgroundOrigin: 'border-box',\n  backgroundClip: 'padding-box, border-box',\n  position: 'relative',\n  '& fieldset': { border: 'none' },\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: 'inherit',\n    background: `linear-gradient(${SELECT_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,\n    mask: `linear-gradient(${absoluteInk(theme).white} 0 0) content-box, linear-gradient(${absoluteInk(theme).white} 0 0)`,\n    maskComposite: 'exclude',\n    padding: `${SELECT_GRADIENT.borderWidth}px`,\n    zIndex: -1,\n  },\n  '&:hover': {\n    background: gradientFill(theme, SELECT_GRADIENT.fill.hover),\n  },\n  '&.Mui-focused': {\n    background: gradientFill(theme, SELECT_GRADIENT.fill.focused),\n    '&::before': {\n      background: `linear-gradient(${SELECT_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`,\n    },\n  },\n});\n\n/** `default` variant: standard outlined borders with hover/focus/error states. */\nconst defaultVariant = (theme: Theme): CSSObject => ({\n  '& fieldset': { borderColor: fieldEdge(theme) },\n  '&:hover fieldset': { borderColor: theme.palette.primary.main },\n  '&.Mui-focused fieldset': { borderColor: theme.palette.primary.main, borderWidth: SELECT_BORDER.focused },\n  '&.Mui-error fieldset': { borderColor: theme.palette.error.main },\n});\n\n/** Pick the variant style block for the outlined input. */\nconst variantStyles = (theme: Theme, variant: SelectProps['variant']): CSSObject => {\n  if (variant === 'glass') return glassVariant(theme);\n  if (variant === 'gradient') return gradientVariant(theme);\n  return defaultVariant(theme);\n};\n\nconst StyledFormControl = styled(FormControl, {\n  shouldForwardProp: (prop) =>\n    prop !== 'customVariant' && prop !== 'fieldSize' && prop !== 'glow' && prop !== 'pulse',\n})<{\n  customVariant?: SelectProps['variant'];\n  fieldSize: SizeValue;\n  glow?: boolean;\n  pulse?: boolean;\n}>(({ theme, customVariant, fieldSize, glow, pulse }) => ({\n  position: 'relative',\n  // The theme's field height for this size — the height `Input` draws for it.\n  ...fieldControlStyles(theme, fieldSize),\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme, fieldSize) : {}),\n  '& .MuiOutlinedInput-root': {\n    transition: 'all 0.3s ease',\n    borderRadius: fieldRadius(theme),\n    ...variantStyles(theme, customVariant),\n  },\n}));\n\n/**\n * Build the placeholder item plus one MenuItem per option. Returns a flat ARRAY\n * (not a Fragment): MUI `Select` enumerates its children with `React.Children`,\n * which does not descend into Fragments — a Fragment would hide every option.\n */\nfunction renderMenuItems(\n  options: SelectProps['options'],\n  placeholder: string | undefined,\n  dataTestId: string | undefined,\n): React.ReactNode[] {\n  const optionTestId = (value: string | number): string =>\n    dataTestId ? `${dataTestId}-option-${value}` : `option-${value}`;\n  const items = options.map((option) => (\n    <MenuItem\n      key={option.value}\n      value={option.value}\n      disabled={option.disabled}\n      data-testid={optionTestId(option.value)}\n    >\n      {option.label}\n    </MenuItem>\n  ));\n  if (placeholder) {\n    items.unshift(\n      <MenuItem key=\"__placeholder__\" value=\"\" disabled>\n        {placeholder}\n      </MenuItem>,\n    );\n  }\n  return items;\n}\n\n/**\n * The house scale as a FormControl size.\n *\n * Not `muiSize`: that collapses five onto MUI's three, and a FormControl takes\n * only two. This component's scale is already narrowed to `sm | md`, so the map\n * is exact rather than lossy.\n */\nconst formControlSize = (size: SelectProps['size']): 'small' | 'medium' | undefined => {\n  if (size === undefined) return undefined;\n  return selectInputSize(size) === 'sm' ? 'small' : 'medium';\n};\n\nexport const Select = React.forwardRef<HTMLDivElement, SelectProps>(\n  (\n    {\n      // `variant`/`size`/`glow`/`pulse` intentionally have no defaults: undefined\n      // resolves to the default variant, MUI's medium size, and no glow/pulse —\n      // keeping this render function under the complexity budget.\n      variant,\n      options,\n      label,\n      helperText,\n      fullWidth = true,\n      size,\n      error,\n      placeholder,\n      glow,\n      pulse,\n      value,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { testId: dataTestId, rest: props } = splitTestId(rest);\n    const labelId = React.useId();\n    const helperTextId = React.useId();\n    const selectId = React.useId();\n\n    return (\n      <StyledFormControl\n        fullWidth={fullWidth}\n        size={formControlSize(size)}\n        error={error}\n        customVariant={variant}\n        fieldSize={asFieldSize(size)}\n        glow={glow} pulse={pulse}\n        ref={ref}\n        data-testid={dataTestId}\n      >\n        {label && (\n          <InputLabel id={labelId} htmlFor={selectId}>\n            {label}\n          </InputLabel>\n        )}\n        <MuiSelect\n          id={selectId}\n          labelId={label ? labelId : undefined}\n          label={label}\n          displayEmpty={Boolean(placeholder)}\n          aria-describedby={helperText ? helperTextId : undefined}\n          data-testid={dataTestId ? `${dataTestId}-select` : 'select'}\n          value={value ?? ''}\n          {...props}\n          /*\n           * `role=\"combobox\"` sits on MUI's display DIV, not on the hidden\n           * native input that `{...props}` reaches — so an `aria-label` passed\n           * to this component never landed on the element carrying the role,\n           * and MUI's `aria-labelledby` then fell back to that div's OWN id.\n           * The control announced as its current value: a filter's field\n           * select read \"Status\" instead of \"Filtro 1 — campo\".\n           *\n           * Forwarding it here names the right element. The explicit\n           * `undefined` clears that self-referential `aria-labelledby`, which\n           * would otherwise win — a labelledby always beats a label in the\n           * accessible-name computation.\n           */\n          SelectDisplayProps={\n            ariaLabel === undefined\n              ? undefined\n              : { 'aria-label': ariaLabel, 'aria-labelledby': undefined }\n          }\n        >\n          {renderMenuItems(options, placeholder, dataTestId)}\n        </MuiSelect>\n        {helperText && (\n          <FormHelperText id={helperTextId} error={error}>\n            {helperText}\n          </FormHelperText>\n        )}\n      </StyledFormControl>\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n"],"mappings":"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","names":[]}

package/dist/chunk-JFBEZXNL.js

@@ -0,0 +1,88 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  Button
+} from "./chunk-KH25WUSX.js";
+import {
+  Text
+} from "./chunk-WTOYEWW6.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-JFBEZXNL.js.map

package/dist/chunk-JFEEV3XI.js

@@ -0,0 +1,132 @@
+import {
+  DENSITY_ROW_PADDING
+} from "./chunk-4LQZH4PU.js";
+import {
+  CellConfigProvider,
+  cellTracks
+} from "./chunk-COYGTEN5.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+
+// src/components/data-display/DataViews/list-card-rails.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+function metaRail(columns) {
+  return `minmax(max-content, ${Math.max(columns, 1)}fr)`;
+}
+function contentRails(metaColumns) {
+  return metaColumns > 0 ? { caption: "minmax(0, auto)", meta: metaRail(metaColumns) } : { caption: "minmax(0, 1fr)", meta: "auto" };
+}
+var DEFAULT_RAILS = {
+  disclose: "auto",
+  drag: "auto",
+  select: "auto",
+  leading: "auto",
+  // Two is the canonical row (a date and a method); a list carrying a different
+  // number says so with `metaColumns`, and a standalone card counts its own.
+  ...contentRails(2),
+  // `max-content` on the value, so the rail is as wide as the widest amount in
+  // the list and no wider — a fixed px guess is either clipping or dead space.
+  // NOT an `fr`: the value's whole promise is a fixed right edge, and a rail
+  // that grows with the spare width moves that edge on every list.
+  value: "max-content",
+  actions: "auto"
+};
+var ListRailsContext = createContext(null);
+function useListRails() {
+  return useContext(ListRailsContext);
+}
+function railsTemplate(rails) {
+  return [
+    rails.disclose,
+    rails.drag,
+    rails.select,
+    rails.leading,
+    rails.caption,
+    rails.meta,
+    rails.value,
+    rails.actions
+  ].filter((rail) => rail != null).join(" ");
+}
+var RAIL_GAP = 3;
+var RAIL_GAP_PX = RAIL_GAP * 8;
+function railsTemplateFor(gutters, metaColumns) {
+  return railsTemplate({
+    ...DEFAULT_RAILS,
+    // Standalone, the card can simply COUNT its pairs — no `metaColumns` to be
+    // told, and no guess.
+    ...contentRails(metaColumns),
+    ...gutters.disclose ? {} : { disclose: null },
+    ...gutters.drag ? {} : { drag: null },
+    ...gutters.select ? {} : { select: null }
+  });
+}
+var RAIL_COUNT = 8;
+var CELL_FIXED_RAILS = 4;
+function cellRailsTemplate(cells) {
+  return [
+    DEFAULT_RAILS.disclose,
+    DEFAULT_RAILS.drag,
+    DEFAULT_RAILS.select,
+    DEFAULT_RAILS.leading,
+    ...cells,
+    DEFAULT_RAILS.actions
+  ].join(" ");
+}
+function cellRailCount(cells) {
+  return CELL_FIXED_RAILS + cells + 1;
+}
+function ListCardGroup({
+  children,
+  density = "cozy",
+  cells,
+  metaColumns,
+  rails,
+  reserveGutters = true,
+  gap,
+  dataTestId
+}) {
+  const resolved = {
+    ...DEFAULT_RAILS,
+    ...metaColumns == null ? {} : contentRails(metaColumns),
+    ...rails
+  };
+  const configured = cells != null && cells.length > 0;
+  const template = configured ? cellRailsTemplate(cellTracks(cells)) : railsTemplate(resolved);
+  const railCount = configured ? cellRailCount(cells.length) : RAIL_COUNT;
+  return /* @__PURE__ */ jsx(ListRailsContext.Provider, { value: { density, reserveGutters, railCount }, children: /* @__PURE__ */ jsx(CellConfigProvider, { cells, children: /* @__PURE__ */ jsx(
+    default2,
+    {
+      "data-testid": dataTestId,
+      sx: {
+        // The query container for every row inside it — a row cannot be one
+        // itself and a subgrid at the same time (containment drops subgrid).
+        // Every row in a list is the same width anyway, so the group is the
+        // honest place to ask the question.
+        containerType: "inline-size",
+        display: "grid",
+        gridTemplateColumns: template,
+        alignItems: "center",
+        rowGap: gap ?? DENSITY_ROW_PADDING[density]
+      },
+      children
+    }
+  ) }) });
+}
+
+export {
+  metaRail,
+  contentRails,
+  DEFAULT_RAILS,
+  useListRails,
+  railsTemplate,
+  RAIL_GAP,
+  RAIL_GAP_PX,
+  railsTemplateFor,
+  RAIL_COUNT,
+  cellRailsTemplate,
+  cellRailCount,
+  ListCardGroup
+};
+//# sourceMappingURL=chunk-JFEEV3XI.js.map

package/dist/chunk-JH7EEJEQ.js

@@ -0,0 +1,99 @@
+import {
+  alpha
+} from "./chunk-6JAIFIPW.js";
+import {
+  ABSOLUTE_INK
+} from "./chunk-N3GAFIXG.js";
+
+// 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: alpha(ABSOLUTE_INK.black, 0.2) },
+  { offsetX: 0, offsetY: 1, blurRadius: 1, spreadDistance: 0, color: alpha(ABSOLUTE_INK.black, 0.14) },
+  { offsetX: 0, offsetY: 1, blurRadius: 3, spreadDistance: 0, color: alpha(ABSOLUTE_INK.black, 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: alpha(ABSOLUTE_INK.black, 0.2), lifted: alpha(ABSOLUTE_INK.black, 0.25) },
+  light: { rest: alpha(ABSOLUTE_INK.black, 0.02), lifted: alpha(ABSOLUTE_INK.black, 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-JH7EEJEQ.js.map

package/dist/chunk-JH7EEJEQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Card/Card.metrics.ts"],"sourcesContent":["import type { CardBorderRadius } from './Card.base';\nimport { alpha } from '../../../tokens/color';\nimport { ABSOLUTE_INK } from '../../../tokens/ink.core';\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 or a theme — its fixed inks are the\n * renderer-free absolutes of `src/tokens/ink.core` — and a variant 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: alpha(ABSOLUTE_INK.black, 0.2) },\n  { offsetX: 0, offsetY: 1, blurRadius: 1, spreadDistance: 0, color: alpha(ABSOLUTE_INK.black, 0.14) },\n  { offsetX: 0, offsetY: 1, blurRadius: 3, spreadDistance: 0, color: alpha(ABSOLUTE_INK.black, 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: alpha(ABSOLUTE_INK.black, 0.2), lifted: alpha(ABSOLUTE_INK.black, 0.25) },\n  light: { rest: alpha(ABSOLUTE_INK.black, 0.02), lifted: alpha(ABSOLUTE_INK.black, 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":";;;;;;;;AA4BO,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,MAAM,aAAa,OAAO,GAAG,EAAE;AAAA,EACnG,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,gBAAgB,GAAG,OAAO,MAAM,aAAa,OAAO,IAAI,EAAE;AAAA,EACnG,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,GAAG,gBAAgB,GAAG,OAAO,MAAM,aAAa,OAAO,IAAI,EAAE;AACrG;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,MAAM,aAAa,OAAO,GAAG,GAAG,QAAQ,MAAM,aAAa,OAAO,IAAI,EAAE;AAAA,EACtF,OAAO,EAAE,MAAM,MAAM,aAAa,OAAO,IAAI,GAAG,QAAQ,MAAM,aAAa,OAAO,IAAI,EAAE;AAC1F;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-JHEGDDZQ.js

@@ -0,0 +1,176 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  Button
+} from "./chunk-KH25WUSX.js";
+import {
+  Text
+} from "./chunk-WTOYEWW6.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/DataViews/data-views-export.tsx
+import DownloadRoundedIcon from "@mui/icons-material/DownloadRounded";
+import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import Popover from "@mui/material/Popover/index.js";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ALL_FORMATS = ["xlsx", "csv", "json"];
+function scopeLabel(selected, total) {
+  if (selected > 0) {
+    return `${selected} ${selected === 1 ? "item selecionado" : "itens selecionados"}`;
+  }
+  return `${total} ${total === 1 ? "item filtrado" : "itens filtrados"}`;
+}
+function ExportTrigger({
+  busy,
+  onOpen,
+  testIdPrefix,
+  compact
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      color: "neutral",
+      disabled: busy,
+      onClick: (event) => onOpen(event.currentTarget),
+      dataTestId: `${testIdPrefix}-export-trigger`,
+      "aria-label": copy.export.trigger,
+      title: compact ? copy.export.trigger : void 0,
+      children: /* @__PURE__ */ jsxs(default2, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
+        busy ? /* @__PURE__ */ jsx(CircularProgress, { size: 14 }) : /* @__PURE__ */ jsx(DownloadRoundedIcon, { fontSize: "small" }),
+        !compact && /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: { xs: "none", sm: "inline" } }, children: copy.export.triggerLabel }),
+        !compact && /* @__PURE__ */ jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" })
+      ] })
+    }
+  );
+}
+function FormatRow({
+  format,
+  onPick,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      component: "button",
+      type: "button",
+      onClick: onPick,
+      "data-testid": `${testIdPrefix}-export-${format}`,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-start",
+        width: "100%",
+        px: 1.5,
+        py: 1,
+        border: 0,
+        background: "none",
+        cursor: "pointer",
+        font: "inherit",
+        textAlign: "left",
+        "&:hover": { bgcolor: "action.hover" }
+      },
+      children: [
+        /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontSize: sxRem(13) }, children: copy.export.formats[format]?.label ?? format }),
+        /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontSize: sxRem(11), color: "text.disabled" }, children: copy.export.formats[format]?.hint ?? "" })
+      ]
+    }
+  );
+}
+function ExportPanel({
+  formats,
+  selectedCount,
+  totalCount,
+  columnCount,
+  onPick,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(default2, { "data-testid": `${testIdPrefix}-export-panel`, children: [
+    /* @__PURE__ */ jsxs(default2, { sx: { px: 1.5, pt: 1, pb: 1, borderBottom: 1, borderColor: "divider" }, children: [
+      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsxs(default2, { component: "span", "data-testid": `${testIdPrefix}-export-scope`, children: [
+        "Exportando ",
+        scopeLabel(selectedCount, totalCount)
+      ] }) }),
+      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { color: "text.disabled" }, children: copy.export.visibleColumns(columnCount) }) })
+    ] }),
+    formats.map((format) => /* @__PURE__ */ jsx(
+      FormatRow,
+      {
+        format,
+        onPick: () => onPick(format),
+        testIdPrefix
+      },
+      format
+    ))
+  ] });
+}
+function DataViewsExportMenu({
+  config,
+  query,
+  totalCount,
+  selectedIds,
+  columns,
+  testIdPrefix,
+  compact
+}) {
+  const [anchor, setAnchor] = useState(null);
+  const [busy, setBusy] = useState(false);
+  const run = async (format) => {
+    setAnchor(null);
+    setBusy(true);
+    try {
+      await config.onExport({
+        format,
+        // UNPAGINATED: page 1 of a page as large as the whole result. The host
+        // re-queries with this; nothing here reads the loaded rows.
+        query: { ...query, page: 1, pageSize: Math.max(1, totalCount) },
+        selectedIds: selectedIds.length > 0 ? [...selectedIds] : void 0,
+        columns
+      });
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ExportTrigger, { busy, onOpen: setAnchor, testIdPrefix, compact }),
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        open: Boolean(anchor),
+        anchorEl: anchor,
+        onClose: () => setAnchor(null),
+        anchorOrigin: { vertical: "bottom", horizontal: "right" },
+        transformOrigin: { vertical: "top", horizontal: "right" },
+        slotProps: { paper: { sx: { width: 260, maxWidth: "calc(100vw - 32px)" } } },
+        children: /* @__PURE__ */ jsx(
+          ExportPanel,
+          {
+            formats: config.formats ?? ALL_FORMATS,
+            selectedCount: selectedIds.length,
+            totalCount,
+            columnCount: columns.length,
+            onPick: (format) => void run(format),
+            testIdPrefix
+          }
+        )
+      }
+    )
+  ] });
+}
+
+export {
+  DataViewsExportMenu
+};
+//# sourceMappingURL=chunk-JHEGDDZQ.js.map

package/dist/chunk-JHEGDDZQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-export.tsx"],"sourcesContent":["\"use client\";\n\nimport DownloadRoundedIcon from \"@mui/icons-material/DownloadRounded\";\nimport KeyboardArrowDownRoundedIcon from \"@mui/icons-material/KeyboardArrowDownRounded\";\nimport CircularProgress from \"@mui/material/CircularProgress/index.js\";\nimport Popover from \"@mui/material/Popover/index.js\";\nimport { useState } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { DataViewQuery } from \"./data-views-types\";\nimport { sxRem } from \"../../../tokens/relative\";\n\n/**\n * EXPORT — the current QUERY, never the rendered page.\n *\n * Exporting what happens to be on screen is the single most common bug in an\n * admin table: the operator filtered 214 records, sees 25, exports, and gets\n * 25 — with nothing anywhere saying so. So this control does not touch the\n * loaded rows at all. It hands the host the same `DataViewQuery` the grid is\n * showing, unpaginated, and the HOST re-queries the backend — the same\n * division as everywhere else here: the component emits, the host fetches.\n *\n * The menu states the number it is about to export before the click, so the\n * two possible answers (the selection, or the whole filtered set) are never a\n * guess.\n */\n\n/** What a host can be asked to produce. */\nexport type DataViewExportFormat = \"xlsx\" | \"csv\" | \"json\";\n\n/** The request handed to the host when the operator picks a format. */\nexport interface DataViewExportRequest {\n  format: DataViewExportFormat;\n  /**\n   * The live query with `page: 1` and `pageSize` set to the whole matched\n   * total — i.e. \"everything this filter selects\", not this page.\n   */\n  query: DataViewQuery;\n  /**\n   * The selected row ids, when the operator has a selection. The host filters\n   * the re-queried rows to these; absent means the whole filtered set.\n   */\n  selectedIds?: Array<string | number>;\n  /** The visible columns, in the operator's current order. */\n  columns: { id: string; label: string }[];\n}\n\n/** Injected export. Absent ⇒ no Exportar control, exactly like `renderCard`. */\nexport interface DataViewExport {\n  /** Runs the export. Awaited, so the trigger can show it is working. */\n  onExport: (request: DataViewExportRequest) => Promise<void> | void;\n  /** Formats to offer, in menu order. Defaults to all three. */\n  formats?: DataViewExportFormat[];\n}\n\n/** One line per format: what it is, and when to reach for it. */\n\nconst ALL_FORMATS: DataViewExportFormat[] = [\"xlsx\", \"csv\", \"json\"];\n\ninterface ExportMenuProps {\n  config: DataViewExport;\n  /** The live query — copied and unpaginated before it reaches the host. */\n  query: DataViewQuery;\n  /** The unpaginated total, so the label can state what \"tudo\" means. */\n  totalCount: number;\n  selectedIds: Array<string | number>;\n  columns: { id: string; label: string }[];\n  testIdPrefix: string;\n  /** Render icon-only (measured upstream). */\n  compact?: boolean;\n}\n\n/** \"Exportando 214 itens filtrados\" / \"3 itens selecionados\" — never a guess. */\nfunction scopeLabel(selected: number, total: number): string {\n  if (selected > 0) {\n    return `${selected} ${selected === 1 ? \"item selecionado\" : \"itens selecionados\"}`;\n  }\n  return `${total} ${total === 1 ? \"item filtrado\" : \"itens filtrados\"}`;\n}\n\n/** The trigger. Shows a spinner while the host's export is still running. */\nfunction ExportTrigger({\n  busy,\n  onOpen,\n  testIdPrefix,\n  compact,\n}: {\n  busy: boolean;\n  onOpen: (anchor: HTMLElement) => void;\n  testIdPrefix: string;\n  /** Icon only — step 2 of the toolbar's degradation ladder. */\n  compact?: boolean;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      color=\"neutral\"\n      disabled={busy}\n      onClick={(event) => onOpen(event.currentTarget as HTMLElement)}\n      dataTestId={`${testIdPrefix}-export-trigger`}\n      aria-label={copy.export.trigger}\n      // The label is gone, so the tooltip is the only thing naming the control.\n      title={compact ? copy.export.trigger : undefined}\n    >\n      <Box component=\"span\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\n        {busy ? <CircularProgress size={14} /> : <DownloadRoundedIcon fontSize=\"small\" />}\n        {!compact && (\n          <Box component=\"span\" sx={{ display: { xs: \"none\", sm: \"inline\" } }}>\n            {copy.export.triggerLabel}\n          </Box>\n        )}\n        {/* Dropped with the label — see the note on the Exibir trigger. */}\n        {!compact && <KeyboardArrowDownRoundedIcon fontSize=\"small\" />}\n      </Box>\n    </Button>\n  );\n}\n\n/** One format row: what it produces, and when to reach for it. */\nfunction FormatRow({\n  format,\n  onPick,\n  testIdPrefix,\n}: {\n  format: DataViewExportFormat;\n  onPick: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onPick}\n      data-testid={`${testIdPrefix}-export-${format}`}\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"flex-start\",\n        width: \"100%\",\n        px: 1.5,\n        py: 1,\n        border: 0,\n        background: \"none\",\n        cursor: \"pointer\",\n        font: \"inherit\",\n        textAlign: \"left\",\n        \"&:hover\": { bgcolor: \"action.hover\" },\n      }}\n    >\n      <Box component=\"span\" sx={{ fontSize: sxRem(13) }}>\n        {copy.export.formats[format]?.label ?? format}\n      </Box>\n      <Box component=\"span\" sx={{ fontSize: sxRem(11), color: \"text.disabled\" }}>\n        {copy.export.formats[format]?.hint ?? \"\"}\n      </Box>\n    </Box>\n  );\n}\n\n/** The panel: what is about to be exported, then the formats. */\nfunction ExportPanel({\n  formats,\n  selectedCount,\n  totalCount,\n  columnCount,\n  onPick,\n  testIdPrefix,\n}: {\n  formats: DataViewExportFormat[];\n  selectedCount: number;\n  totalCount: number;\n  columnCount: number;\n  onPick: (format: DataViewExportFormat) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box data-testid={`${testIdPrefix}-export-panel`}>\n      <Box sx={{ px: 1.5, pt: 1, pb: 1, borderBottom: 1, borderColor: \"divider\" }}>\n        <Text variant=\"caption\" as=\"p\">\n          <Box component=\"span\" data-testid={`${testIdPrefix}-export-scope`}>\n            Exportando {scopeLabel(selectedCount, totalCount)}\n          </Box>\n        </Text>\n        <Text variant=\"caption\" as=\"p\">\n          <Box component=\"span\" sx={{ color: \"text.disabled\" }}>\n            {copy.export.visibleColumns(columnCount)}\n          </Box>\n        </Text>\n      </Box>\n      {formats.map((format) => (\n        <FormatRow\n          key={format}\n          format={format}\n          onPick={() => onPick(format)}\n          testIdPrefix={testIdPrefix}\n        />\n      ))}\n    </Box>\n  );\n}\n\n/** The toolbar's Exportar control. Renders nothing when no host wired it. */\nexport function DataViewsExportMenu({\n  config,\n  query,\n  totalCount,\n  selectedIds,\n  columns,\n  testIdPrefix,\n  compact,\n}: ExportMenuProps): React.JSX.Element {\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null);\n  const [busy, setBusy] = useState(false);\n\n  const run = async (format: DataViewExportFormat): Promise<void> => {\n    setAnchor(null);\n    setBusy(true);\n    try {\n      await config.onExport({\n        format,\n        // UNPAGINATED: page 1 of a page as large as the whole result. The host\n        // re-queries with this; nothing here reads the loaded rows.\n        query: { ...query, page: 1, pageSize: Math.max(1, totalCount) },\n        selectedIds: selectedIds.length > 0 ? [...selectedIds] : undefined,\n        columns,\n      });\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <>\n      <ExportTrigger busy={busy} onOpen={setAnchor} testIdPrefix={testIdPrefix} compact={compact} />\n      <Popover\n        open={Boolean(anchor)}\n        anchorEl={anchor}\n        onClose={() => setAnchor(null)}\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n        slotProps={{ paper: { sx: { width: 260, maxWidth: \"calc(100vw - 32px)\" } } }}\n      >\n        <ExportPanel\n          formats={config.formats ?? ALL_FORMATS}\n          selectedCount={selectedIds.length}\n          totalCount={totalCount}\n          columnCount={columns.length}\n          onPick={(format) => void run(format)}\n          testIdPrefix={testIdPrefix}\n        />\n      </Popover>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAEA,OAAO,yBAAyB;AAChC,OAAO,kCAAkC;AACzC,OAAO,sBAAsB;AAC7B,OAAO,aAAa;AACpB,SAAS,gBAAgB;AAwGnB,SAkIF,UAjIY,KADV;AAjDN,IAAM,cAAsC,CAAC,QAAQ,OAAO,MAAM;AAgBlE,SAAS,WAAW,UAAkB,OAAuB;AAC3D,MAAI,WAAW,GAAG;AAChB,WAAO,GAAG,QAAQ,IAAI,aAAa,IAAI,qBAAqB,oBAAoB;AAAA,EAClF;AACA,SAAO,GAAG,KAAK,IAAI,UAAU,IAAI,kBAAkB,iBAAiB;AACtE;AAGA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS,CAAC,UAAU,OAAO,MAAM,aAA4B;AAAA,MAC7D,YAAY,GAAG,YAAY;AAAA,MAC3B,cAAY,KAAK,OAAO;AAAA,MAExB,OAAO,UAAU,KAAK,OAAO,UAAU;AAAA,MAEvC,+BAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,SAAS,eAAe,YAAY,UAAU,KAAK,IAAI,GAChF;AAAA,eAAO,oBAAC,oBAAiB,MAAM,IAAI,IAAK,oBAAC,uBAAoB,UAAS,SAAQ;AAAA,QAC9E,CAAC,WACA,oBAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,SAAS,EAAE,IAAI,QAAQ,IAAI,SAAS,EAAE,GAC/D,eAAK,OAAO,cACf;AAAA,QAGD,CAAC,WAAW,oBAAC,gCAA6B,UAAS,SAAQ;AAAA,SAC9D;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,GAIsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,SAAS;AAAA,MACT,eAAa,GAAG,YAAY,WAAW,MAAM;AAAA,MAC7C,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,QACX,WAAW,EAAE,SAAS,eAAe;AAAA,MACvC;AAAA,MAEA;AAAA,4BAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,UAAU,MAAM,EAAE,EAAE,GAC7C,eAAK,OAAO,QAAQ,MAAM,GAAG,SAAS,QACzC;AAAA,QACA,oBAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,UAAU,MAAM,EAAE,GAAG,OAAO,gBAAgB,GACrE,eAAK,OAAO,QAAQ,MAAM,GAAG,QAAQ,IACxC;AAAA;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,SACE,qBAACA,UAAA,EAAI,eAAa,GAAG,YAAY,iBAC/B;AAAA,yBAACA,UAAA,EAAI,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,IAAI,GAAG,cAAc,GAAG,aAAa,UAAU,GACxE;AAAA,0BAAC,QAAK,SAAQ,WAAU,IAAG,KACzB,+BAACA,UAAA,EAAI,WAAU,QAAO,eAAa,GAAG,YAAY,iBAAiB;AAAA;AAAA,QACrD,WAAW,eAAe,UAAU;AAAA,SAClD,GACF;AAAA,MACA,oBAAC,QAAK,SAAQ,WAAU,IAAG,KACzB,8BAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,OAAO,gBAAgB,GAChD,eAAK,OAAO,eAAe,WAAW,GACzC,GACF;AAAA,OACF;AAAA,IACC,QAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,QAAQ,MAAM,OAAO,MAAM;AAAA,QAC3B;AAAA;AAAA,MAHK;AAAA,IAIP,CACD;AAAA,KACH;AAEJ;AAGO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6B,IAAI;AAC7D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,MAAM,OAAO,WAAgD;AACjE,cAAU,IAAI;AACd,YAAQ,IAAI;AACZ,QAAI;AACF,YAAM,OAAO,SAAS;AAAA,QACpB;AAAA;AAAA;AAAA,QAGA,OAAO,EAAE,GAAG,OAAO,MAAM,GAAG,UAAU,KAAK,IAAI,GAAG,UAAU,EAAE;AAAA,QAC9D,aAAa,YAAY,SAAS,IAAI,CAAC,GAAG,WAAW,IAAI;AAAA,QACzD;AAAA,MACF,CAAC;AAAA,IACH,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAEA,SACE,iCACE;AAAA,wBAAC,iBAAc,MAAY,QAAQ,WAAW,cAA4B,SAAkB;AAAA,IAC5F;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,QAAQ,MAAM;AAAA,QACpB,UAAU;AAAA,QACV,SAAS,MAAM,UAAU,IAAI;AAAA,QAC7B,cAAc,EAAE,UAAU,UAAU,YAAY,QAAQ;AAAA,QACxD,iBAAiB,EAAE,UAAU,OAAO,YAAY,QAAQ;AAAA,QACxD,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,KAAK,UAAU,qBAAqB,EAAE,EAAE;AAAA,QAE3E;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,OAAO,WAAW;AAAA,YAC3B,eAAe,YAAY;AAAA,YAC3B;AAAA,YACA,aAAa,QAAQ;AAAA,YACrB,QAAQ,CAAC,WAAW,KAAK,IAAI,MAAM;AAAA,YACnC;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":["default"]}