@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-LDDN254Q.js

@@ -0,0 +1,77 @@
+import {
+  Avatar
+} from "./chunk-ZXSUWFQX.js";
+import {
+  Card
+} from "./chunk-N6CSXHFJ.js";
+import {
+  Button
+} from "./chunk-KH25WUSX.js";
+import {
+  Text
+} from "./chunk-WTOYEWW6.js";
+
+// src/user-avatar/user-avatar.tsx
+import Box from "@mui/material/Box/index.js";
+import Stack from "@mui/material/Stack/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getInitials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length === 1) {
+    return parts[0]?.substring(0, 2).toUpperCase() ?? "";
+  }
+  return ((parts[0]?.charAt(0) ?? "") + (parts[parts.length - 1]?.charAt(0) ?? "")).toUpperCase();
+}
+function UserAvatar({
+  src,
+  name,
+  size = "md",
+  onClick,
+  interactive = false
+}) {
+  const fallbackText = name ? getInitials(name) : "?";
+  return /* @__PURE__ */ jsx(
+    Avatar,
+    {
+      src: src ?? void 0,
+      alt: name ?? "User avatar",
+      fallback: fallbackText,
+      size,
+      variant: "circle",
+      interactive: interactive || !!onClick,
+      onClick
+    }
+  );
+}
+function UserMenu({ user, onSignOut, copy }) {
+  return /* @__PURE__ */ jsx(Card, { variant: "elevated", borderRadius: "md", children: /* @__PURE__ */ jsx(Box, { sx: { p: 2 }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+    /* @__PURE__ */ jsx(
+      UserAvatar,
+      {
+        src: user.image,
+        name: user.name,
+        size: "md"
+      }
+    ),
+    /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, sx: { flex: 1, minWidth: 0 }, children: [
+      /* @__PURE__ */ jsx(Text, { weight: "semibold", size: "sm", children: user.name ?? "User" }),
+      user.email && /* @__PURE__ */ jsx(Text, { color: "secondary", size: "xs", children: user.email })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outline",
+        color: "danger",
+        size: "sm",
+        onClick: onSignOut,
+        children: copy.signOut
+      }
+    )
+  ] }) }) });
+}
+
+export {
+  UserAvatar,
+  UserMenu
+};
+//# sourceMappingURL=chunk-LDDN254Q.js.map

package/dist/chunk-LI6OLYUB.js

@@ -0,0 +1,131 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  createConfirmButton
+} from "./chunk-UCA47HM7.js";
+import {
+  Dialog,
+  DialogContent
+} from "./chunk-L4UP5VYS.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  default as default3
+} from "./chunk-WEBEOBN5.js";
+import {
+  Button
+} from "./chunk-KH25WUSX.js";
+import {
+  Text
+} from "./chunk-WTOYEWW6.js";
+
+// src/components/data-display/DataViews/ManageViewsDialog.tsx
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function tags(view) {
+  const copy = useDataViewsCopy();
+  const list = [];
+  if (view.isDefault) list.push(copy.manageViews.defaultTag);
+  if (view.pinned) list.push("Fixada");
+  if (view.shared) list.push("Compartilhada");
+  if (!view.isOwner) list.push(copy.manageViews.otherUserTag);
+  return list;
+}
+function ManageViewRow({
+  view,
+  onEdit,
+  onDelete,
+  testIdPrefix,
+  confirmCopy
+}) {
+  const ConfirmButton = useMemo(
+    () => createConfirmButton(confirmCopy, confirmCopy.defaultError),
+    [confirmCopy]
+  );
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(
+    default3,
+    {
+      direction: "row",
+      spacing: 1,
+      sx: { alignItems: "center", justifyContent: "space-between" },
+      "data-testid": `${testIdPrefix}-manage-row-${view.id}`,
+      children: [
+        /* @__PURE__ */ jsxs(default2, { sx: { minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx(Text, { variant: "body", size: "sm", as: "span", weight: "semibold", children: view.name }),
+          view.description && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", color: "secondary", children: view.description }),
+          tags(view).length > 0 && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", color: "secondary", children: tags(view).join(" \xB7 ") })
+        ] }),
+        view.isOwner && /* @__PURE__ */ jsxs(default3, { direction: "row", spacing: 1, sx: { flex: "0 0 auto" }, children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "text",
+              size: "sm",
+              onClick: () => onEdit(view),
+              dataTestId: `${testIdPrefix}-manage-edit-${view.id}`,
+              children: copy.manageViews.edit
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ConfirmButton,
+            {
+              variant: "text",
+              size: "sm",
+              color: "danger",
+              onClick: () => onDelete(view),
+              confirm: {
+                title: copy.manageViews.deleteTitle,
+                entityName: view.name,
+                description: copy.manageViews.deleteBody,
+                confirmText: copy.manageViews.deleteConfirm
+              },
+              dataTestId: `${testIdPrefix}-manage-delete-${view.id}`,
+              children: copy.manageViews.deleteConfirm
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function ManageViewsDialog({
+  open,
+  onClose,
+  views,
+  onEdit,
+  onDelete,
+  testIdPrefix = "views",
+  confirmCopy
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onClose,
+      title: copy.manageViews.title,
+      size: "md",
+      showCloseButton: true,
+      dataTestId: `${testIdPrefix}-manage-dialog`,
+      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(default3, { spacing: 1.5, "data-testid": `${testIdPrefix}-manage-list`, children: views.length === 0 ? /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: copy.manageViews.empty }) : views.map((view) => /* @__PURE__ */ jsx(
+        ManageViewRow,
+        {
+          confirmCopy,
+          view,
+          onEdit,
+          onDelete,
+          testIdPrefix
+        },
+        view.id
+      )) }) })
+    }
+  );
+}
+
+export {
+  ManageViewsDialog
+};
+//# sourceMappingURL=chunk-LI6OLYUB.js.map

package/dist/chunk-LKMMJKXU.js

@@ -0,0 +1,60 @@
+import {
+  FONT_WEIGHTS
+} from "./chunk-PE4ZW3IA.js";
+import {
+  HEADING_SCALE
+} from "./chunk-FZXKH2ZT.js";
+import {
+  NEUTRAL_RAMP
+} from "./chunk-N3GAFIXG.js";
+
+// src/components/typography/Heading/Heading.metrics.ts
+var HEADING_WEIGHTS = FONT_WEIGHTS;
+var HEADING_DEFAULT_LEVEL = "h2";
+var HEADING_DEFAULT_WEIGHT = "bold";
+var HEADING_DEFAULT_COLOR = "neutral";
+var HEADING_RANK = {
+  display: 1,
+  h1: 1,
+  h2: 2,
+  h3: 3,
+  h4: 4,
+  h5: 5,
+  h6: 6
+};
+var stepOf = (value) => value !== void 0 && value in HEADING_SCALE ? value : HEADING_DEFAULT_LEVEL;
+var isHeadingWeight = (value) => value in HEADING_WEIGHTS;
+function headingWeight(weight, normalWeight) {
+  if (weight === "normal") return normalWeight;
+  return HEADING_WEIGHTS[isHeadingWeight(weight) ? weight : HEADING_DEFAULT_WEIGHT];
+}
+var HEADING_GRADIENT_ANGLE = 135;
+var NEUTRAL_GRADIENT_STEPS = { from: 500, to: 900 };
+var headingGradient = (from, to) => `linear-gradient(${HEADING_GRADIENT_ANGLE}deg, ${from} 0%, ${to} 100%)`;
+function headingGradientStops(theme, color) {
+  switch (color) {
+    case "primary":
+      return [theme.palette.primary.main, theme.palette.secondary.main];
+    case "secondary":
+      return [theme.palette.secondary.main, theme.palette.primary.main];
+    case "neutral":
+      return [NEUTRAL_RAMP[NEUTRAL_GRADIENT_STEPS.from], NEUTRAL_RAMP[NEUTRAL_GRADIENT_STEPS.to]];
+    default:
+      return [theme.palette[color].light, theme.palette[color].dark];
+  }
+}
+
+export {
+  HEADING_WEIGHTS,
+  HEADING_DEFAULT_LEVEL,
+  HEADING_DEFAULT_WEIGHT,
+  HEADING_DEFAULT_COLOR,
+  HEADING_RANK,
+  stepOf,
+  headingWeight,
+  HEADING_GRADIENT_ANGLE,
+  NEUTRAL_GRADIENT_STEPS,
+  headingGradient,
+  headingGradientStops
+};
+//# sourceMappingURL=chunk-LKMMJKXU.js.map

package/dist/chunk-LKMMJKXU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Heading/Heading.metrics.ts"],"sourcesContent":["import type { HeadingWeight } from './Heading.base';\nimport { HEADING_SCALE, type HeadingLevel } from '../../../tokens/heading-scale';\nimport { NEUTRAL_RAMP } from '../../../tokens/ink.core';\nimport { FONT_WEIGHTS, type UiTheme } from '../../../tokens/theme';\nimport type { ColorValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Heading` RENDERERS DRAW WITH.\n *\n * The type scale itself is `HEADING_SCALE` in `tokens/heading-scale.ts` (the\n * web reads it through the MUI theme's `headingScale` overrides, native\n * through `UiTheme.typography.heading`). What lives here is everything ELSE\n * `Heading.styles.ts` used to declare inline: the weight table, the defaults,\n * the rank each level announces, and the gradient's angle and stops.\n */\nexport const HEADING_WEIGHTS: Record<HeadingWeight, number> = FONT_WEIGHTS;\n\nexport const HEADING_DEFAULT_LEVEL: HeadingLevel = 'h2';\nexport const HEADING_DEFAULT_WEIGHT: HeadingWeight = 'bold';\nexport const HEADING_DEFAULT_COLOR: ColorValue = 'neutral';\n\nexport type HeadingRank = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * The outline rank each level announces — the tag on the web, `aria-level` on\n * native. `display` is a SIZE, not a rank, so it is an h1: the document still\n * gets one level-one heading rather than an unnamed tag outside the outline.\n */\nexport const HEADING_RANK: Record<HeadingLevel, HeadingRank> = {\n  display: 1,\n  h1: 1,\n  h2: 2,\n  h3: 3,\n  h4: 4,\n  h5: 5,\n  h6: 6,\n};\n\n/** A step name the scale actually has, or the documented default (`h2`). */\nexport const stepOf = (value: string | undefined): HeadingLevel =>\n  value !== undefined && value in HEADING_SCALE ? (value as HeadingLevel) : HEADING_DEFAULT_LEVEL;\n\nconst isHeadingWeight = (value: string): value is HeadingWeight => value in HEADING_WEIGHTS;\n\n/**\n * The weight a heading draws: `normal` is the weight the step was designed to\n * carry (heavier as the step gets larger), anything else its table entry, and\n * a name outside the vocabulary the default — as `Heading.styles.ts` has\n * always fallen back.\n */\nexport function headingWeight(weight: string, normalWeight: number): number {\n  if (weight === 'normal') return normalWeight;\n  return HEADING_WEIGHTS[isHeadingWeight(weight) ? weight : HEADING_DEFAULT_WEIGHT];\n}\n\n/** The gradient runs corner to corner. */\nexport const HEADING_GRADIENT_ANGLE = 135;\n\n/**\n * `neutral` has no light/dark pair, so its gradient runs between two steps of\n * the grey ramp.\n */\nexport const NEUTRAL_GRADIENT_STEPS = { from: 500, to: 900 } as const;\n\n/** The CSS the web paints the glyphs with, from the two stops. */\nexport const headingGradient = (from: string, to: string): string =>\n  `linear-gradient(${HEADING_GRADIENT_ANGLE}deg, ${from} 0%, ${to} 100%)`;\n\n/**\n * The two stops each colour paints its glyphs with, read off a `UiTheme`. The\n * web's `Heading.styles.ts` keeps its MUI-typed twin of this table; the pairs\n * are the same, and `Heading.native.test.tsx` asserts as much.\n */\nexport function headingGradientStops(theme: UiTheme, color: ColorValue): [string, string] {\n  switch (color) {\n    case 'primary':\n      return [theme.palette.primary.main, theme.palette.secondary.main];\n    case 'secondary':\n      return [theme.palette.secondary.main, theme.palette.primary.main];\n    case 'neutral':\n      return [NEUTRAL_RAMP[NEUTRAL_GRADIENT_STEPS.from], NEUTRAL_RAMP[NEUTRAL_GRADIENT_STEPS.to]];\n    default:\n      return [theme.palette[color].light, theme.palette[color].dark];\n  }\n}\n"],"mappings":";;;;;;;;;;;AAeO,IAAM,kBAAiD;AAEvD,IAAM,wBAAsC;AAC5C,IAAM,yBAAwC;AAC9C,IAAM,wBAAoC;AAS1C,IAAM,eAAkD;AAAA,EAC7D,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,SAAS,CAAC,UACrB,UAAU,UAAa,SAAS,gBAAiB,QAAyB;AAE5E,IAAM,kBAAkB,CAAC,UAA0C,SAAS;AAQrE,SAAS,cAAc,QAAgB,cAA8B;AAC1E,MAAI,WAAW,SAAU,QAAO;AAChC,SAAO,gBAAgB,gBAAgB,MAAM,IAAI,SAAS,sBAAsB;AAClF;AAGO,IAAM,yBAAyB;AAM/B,IAAM,yBAAyB,EAAE,MAAM,KAAK,IAAI,IAAI;AAGpD,IAAM,kBAAkB,CAAC,MAAc,OAC5C,mBAAmB,sBAAsB,QAAQ,IAAI,QAAQ,EAAE;AAO1D,SAAS,qBAAqB,OAAgB,OAAqC;AACxF,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,QAAQ,MAAM,MAAM,QAAQ,UAAU,IAAI;AAAA,IAClE,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,UAAU,MAAM,MAAM,QAAQ,QAAQ,IAAI;AAAA,IAClE,KAAK;AACH,aAAO,CAAC,aAAa,uBAAuB,IAAI,GAAG,aAAa,uBAAuB,EAAE,CAAC;AAAA,IAC5F;AACE,aAAO,CAAC,MAAM,QAAQ,KAAK,EAAE,OAAO,MAAM,QAAQ,KAAK,EAAE,IAAI;AAAA,EACjE;AACF;","names":[]}

package/dist/chunk-LN46DSMF.js

@@ -0,0 +1,90 @@
+import {
+  darken,
+  lighten
+} from "./chunk-6JAIFIPW.js";
+import {
+  ABSOLUTE_INK,
+  NEUTRAL_RAMP
+} from "./chunk-N3GAFIXG.js";
+
+// src/components/form/Button/Button.metrics.ts
+var BUTTON_SIZES = {
+  xs: { paddingVertical: 2, paddingHorizontal: 8, fontSize: 12 },
+  sm: { paddingVertical: 6, paddingHorizontal: 12, fontSize: 14 },
+  md: { paddingVertical: 8, paddingHorizontal: 16, fontSize: 16 },
+  lg: { paddingVertical: 10, paddingHorizontal: 20, fontSize: 18 },
+  xl: { paddingVertical: 12, paddingHorizontal: 24, fontSize: 20 }
+};
+var ICON_ONLY_PADDING = {
+  xs: 2,
+  sm: 5,
+  md: 7,
+  lg: 9,
+  xl: 11
+};
+var BUTTON_ICON_GLYPH_SIZE = 20;
+var BUTTON_FONT_WEIGHT = 500;
+var BUTTON_ICON_GAP_UNITS = 0.5;
+var BUTTON_SPINNER_SIZE = 16;
+var BUTTON_LINE_HEIGHT = 1.75;
+var BUTTON_WASH_ALPHA = 0.1;
+var GLASS_BACKGROUND_ALPHA = 0.1;
+var GLASS_BACKGROUND_ALPHA_PRESSED = 0.2;
+var GLASS_BORDER_ALPHA = 0.2;
+var GLOW_INNER_ALPHA = 0.6;
+var GLOW_OUTER_ALPHA = 0.3;
+var GLOW_RADIUS = 20;
+var PULSE_ALPHA = 0.3;
+var PULSE_DURATION_MS = 2e3;
+var PULSE_SPREAD = 15;
+function buttonPalette(theme, color) {
+  if (color === "neutral") {
+    return {
+      main: NEUTRAL_RAMP[700],
+      dark: NEUTRAL_RAMP[800],
+      light: NEUTRAL_RAMP[500],
+      contrastText: ABSOLUTE_INK.white
+    };
+  }
+  return theme.palette[color];
+}
+var quietInk = (theme, palette) => theme.mode === "dark" ? lighten(palette.main, 0.35) : darken(palette.main, 0.3);
+function gradientStops(theme, color, palette) {
+  switch (color) {
+    case "primary":
+      return [theme.palette.primary.main, theme.palette.secondary.main];
+    case "secondary":
+      return [theme.palette.secondary.main, theme.palette.primary.main];
+    case "success":
+    case "warning":
+      return [theme.palette[color].light, theme.palette[color].dark];
+    case "danger":
+      return [theme.palette.danger.light, theme.palette.danger.dark];
+    default:
+      return [palette.main, palette.dark];
+  }
+}
+
+export {
+  BUTTON_SIZES,
+  ICON_ONLY_PADDING,
+  BUTTON_ICON_GLYPH_SIZE,
+  BUTTON_FONT_WEIGHT,
+  BUTTON_ICON_GAP_UNITS,
+  BUTTON_SPINNER_SIZE,
+  BUTTON_LINE_HEIGHT,
+  BUTTON_WASH_ALPHA,
+  GLASS_BACKGROUND_ALPHA,
+  GLASS_BACKGROUND_ALPHA_PRESSED,
+  GLASS_BORDER_ALPHA,
+  GLOW_INNER_ALPHA,
+  GLOW_OUTER_ALPHA,
+  GLOW_RADIUS,
+  PULSE_ALPHA,
+  PULSE_DURATION_MS,
+  PULSE_SPREAD,
+  buttonPalette,
+  quietInk,
+  gradientStops
+};
+//# sourceMappingURL=chunk-LN46DSMF.js.map

package/dist/chunk-LN46DSMF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Button/Button.metrics.ts"],"sourcesContent":["import { darken, lighten } from '../../../tokens/color';\nimport { ABSOLUTE_INK, NEUTRAL_RAMP } from '../../../tokens/ink.core';\nimport type { ColorValue, SizeValue } from '../../../tokens/vocabulary';\nimport type { UiPaletteColor, UiTheme } from '../../../tokens/theme';\n\n/**\n * THE NUMBERS BOTH `Button` RENDERERS DRAW WITH.\n *\n * `Button.styles.ts` (web, emotion) and `Button.native.tsx` (React Native)\n * read this one table. The web turns the px into rem and the padding into a\n * shorthand string; native uses the numbers as they are. Neither restates a\n * value, which is what keeps a native `md` button 16px tall of padding and\n * 16px of type exactly like the web one.\n */\nexport interface ButtonSizeMetrics {\n  paddingVertical: number;\n  paddingHorizontal: number;\n  fontSize: number;\n}\n\nexport const BUTTON_SIZES: Record<SizeValue, ButtonSizeMetrics> = {\n  xs: { paddingVertical: 2, paddingHorizontal: 8, fontSize: 12 },\n  sm: { paddingVertical: 6, paddingHorizontal: 12, fontSize: 14 },\n  md: { paddingVertical: 8, paddingHorizontal: 16, fontSize: 16 },\n  lg: { paddingVertical: 10, paddingHorizontal: 20, fontSize: 18 },\n  xl: { paddingVertical: 12, paddingHorizontal: 24, fontSize: 20 },\n};\n\n/** A button that is only an icon is square: uniform padding, no min-width. */\nexport const ICON_ONLY_PADDING: Record<SizeValue, number> = {\n  xs: 2,\n  sm: 5,\n  md: 7,\n  lg: 9,\n  xl: 11,\n};\n\n/**\n * The start/end icon slot's font-size, in px — MUI's `medium` value, pinned\n * (12-74).\n *\n * MUI sizes that slot off its OWN `size` prop, writing 18/20/22 onto the first\n * child of `.MuiButton-startIcon`. We never passed a `size`, so every button in\n * every size has always drawn medium's 20px; now that `size` IS forwarded — so\n * the rendered class finally names the size the button actually is — the number\n * would start moving with it.\n *\n * WHAT THAT ACTUALLY REACHES, measured in a browser rather than assumed: this\n * Button renders its own wrapper span around the icon (it carries the child\n * test id), so MUI's rule lands on the WRAPPER and reaches the glyph only when\n * the glyph takes its size by inheritance — `fontSize=\"inherit\"`, an em-sized\n * SVG, a text or emoji glyph. With the pin removed, such a glyph measured 18px\n * at `xs`/`sm` and 22px at `lg`/`xl` against the 20px it has always been. An\n * icon carrying an absolute size of its own does not move at all: a default\n * `SvgIcon` stayed 24×24 across all five.\n *\n * A silent resize of the inherited case is still a design decision arriving as\n * a side effect of a class-name fix, so it is pinned to what shipped before —\n * `Button.tsx` puts it on that same wrapper. Scaling the glyph with the button\n * is a ticket of its own.\n */\nexport const BUTTON_ICON_GLYPH_SIZE = 20;\n\nexport const BUTTON_FONT_WEIGHT = 500;\n/** Between the icon and the label: `theme.spacing(0.5)`. */\nexport const BUTTON_ICON_GAP_UNITS = 0.5;\nexport const BUTTON_SPINNER_SIZE = 16;\n/** MUI's `line-height` for button text. */\nexport const BUTTON_LINE_HEIGHT = 1.75;\n\n/** The wash behind an outline, ghost or text button while it is hovered or pressed. */\nexport const BUTTON_WASH_ALPHA = 0.1;\nexport const GLASS_BACKGROUND_ALPHA = 0.1;\nexport const GLASS_BACKGROUND_ALPHA_PRESSED = 0.2;\nexport const GLASS_BORDER_ALPHA = 0.2;\nexport const GLOW_INNER_ALPHA = 0.6;\nexport const GLOW_OUTER_ALPHA = 0.3;\nexport const GLOW_RADIUS = 20;\nexport const PULSE_ALPHA = 0.3;\nexport const PULSE_DURATION_MS = 2000;\nexport const PULSE_SPREAD = 15;\n\n/**\n * `neutral` has no palette slot of its own in MUI, so `Button.styles.ts` has\n * always drawn it from three greys. Same three greys here.\n */\nexport function buttonPalette(theme: UiTheme, color: ColorValue): UiPaletteColor {\n  if (color === 'neutral') {\n    return {\n      main: NEUTRAL_RAMP[700],\n      dark: NEUTRAL_RAMP[800],\n      light: NEUTRAL_RAMP[500],\n      contrastText: ABSOLUTE_INK.white,\n    };\n  }\n  return theme.palette[color];\n}\n\n/**\n * The label colour for `ghost` and `text`: one step darker than `main` in\n * light mode (lighter in dark), because `main` is chosen to sit UNDER white and\n * is not legible AS text on a tinted surface. See the web `quietInk`.\n */\nexport const quietInk = (theme: UiTheme, palette: UiPaletteColor): string =>\n  theme.mode === 'dark' ? lighten(palette.main, 0.35) : darken(palette.main, 0.3);\n\n/** Gradients run between two related hues; the named colours pick a specific pair. */\nexport function gradientStops(\n  theme: UiTheme,\n  color: ColorValue,\n  palette: UiPaletteColor,\n): [string, string] {\n  switch (color) {\n    case 'primary':\n      return [theme.palette.primary.main, theme.palette.secondary.main];\n    case 'secondary':\n      return [theme.palette.secondary.main, theme.palette.primary.main];\n    case 'success':\n    case 'warning':\n      return [theme.palette[color].light, theme.palette[color].dark];\n    case 'danger':\n      return [theme.palette.danger.light, theme.palette.danger.dark];\n    default:\n      return [palette.main, palette.dark];\n  }\n}\n"],"mappings":";;;;;;;;;;AAoBO,IAAM,eAAqD;AAAA,EAChE,IAAI,EAAE,iBAAiB,GAAG,mBAAmB,GAAG,UAAU,GAAG;AAAA,EAC7D,IAAI,EAAE,iBAAiB,GAAG,mBAAmB,IAAI,UAAU,GAAG;AAAA,EAC9D,IAAI,EAAE,iBAAiB,GAAG,mBAAmB,IAAI,UAAU,GAAG;AAAA,EAC9D,IAAI,EAAE,iBAAiB,IAAI,mBAAmB,IAAI,UAAU,GAAG;AAAA,EAC/D,IAAI,EAAE,iBAAiB,IAAI,mBAAmB,IAAI,UAAU,GAAG;AACjE;AAGO,IAAM,oBAA+C;AAAA,EAC1D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AA0BO,IAAM,yBAAyB;AAE/B,IAAM,qBAAqB;AAE3B,IAAM,wBAAwB;AAC9B,IAAM,sBAAsB;AAE5B,IAAM,qBAAqB;AAG3B,IAAM,oBAAoB;AAC1B,IAAM,yBAAyB;AAC/B,IAAM,iCAAiC;AACvC,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,mBAAmB;AACzB,IAAM,cAAc;AACpB,IAAM,cAAc;AACpB,IAAM,oBAAoB;AAC1B,IAAM,eAAe;AAMrB,SAAS,cAAc,OAAgB,OAAmC;AAC/E,MAAI,UAAU,WAAW;AACvB,WAAO;AAAA,MACL,MAAM,aAAa,GAAG;AAAA,MACtB,MAAM,aAAa,GAAG;AAAA,MACtB,OAAO,aAAa,GAAG;AAAA,MACvB,cAAc,aAAa;AAAA,IAC7B;AAAA,EACF;AACA,SAAO,MAAM,QAAQ,KAAK;AAC5B;AAOO,IAAM,WAAW,CAAC,OAAgB,YACvC,MAAM,SAAS,SAAS,QAAQ,QAAQ,MAAM,IAAI,IAAI,OAAO,QAAQ,MAAM,GAAG;AAGzE,SAAS,cACd,OACA,OACA,SACkB;AAClB,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,QAAQ,MAAM,MAAM,QAAQ,UAAU,IAAI;AAAA,IAClE,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,UAAU,MAAM,MAAM,QAAQ,QAAQ,IAAI;AAAA,IAClE,KAAK;AAAA,IACL,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,KAAK,EAAE,OAAO,MAAM,QAAQ,KAAK,EAAE,IAAI;AAAA,IAC/D,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,OAAO,OAAO,MAAM,QAAQ,OAAO,IAAI;AAAA,IAC/D;AACE,aAAO,CAAC,QAAQ,MAAM,QAAQ,IAAI;AAAA,EACtC;AACF;","names":[]}

package/dist/chunk-LOJK733T.js

@@ -0,0 +1,165 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  DropdownMenu
+} from "./chunk-VFHGILXI.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  Button
+} from "./chunk-KH25WUSX.js";
+
+// src/components/data-display/DataViews/data-views-grid-helpers.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function isActionsColumn(col) {
+  return col.type === "actions" || col.id === "actions";
+}
+function buildGridColumns(columns, visibleColumns, onRowClick) {
+  return columns.map((col) => {
+    const hidden = col.hideable !== false && !visibleColumns.includes(col.id);
+    if (!onRowClick || isActionsColumn(col)) return { ...col, hidden };
+    return {
+      ...col,
+      hidden,
+      cell: (ctx) => {
+        const content = col.cell ? col.cell(ctx) : ctx.value == null ? "" : String(ctx.value);
+        return /* @__PURE__ */ jsx(
+          default2,
+          {
+            onClick: () => onRowClick(ctx.row),
+            sx: { cursor: "pointer", width: "100%", height: "100%", display: "flex", alignItems: "center" },
+            children: content
+          }
+        );
+      }
+    };
+  });
+}
+function buildRowActionsColumn(config) {
+  const { rowActions, leading, testIdPrefix, getRowId, renderRowMenu } = config;
+  const kebabActions = rowActions.filter((action) => action.row !== false);
+  return {
+    id: "actions",
+    header: "",
+    type: "actions",
+    enableSort: false,
+    hideable: false,
+    // Narrow: the column only holds the "⋮" kebab (plus an optional leading icon),
+    // so it needs room for just one or two icons.
+    width: leading ? 72 : 44,
+    cell: ({ row }) => /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: 2, justifyContent: "flex-end" }, children: [
+      leading?.(row),
+      renderRowMenu ? renderRowMenu(row) : renderAutoKebab(kebabActions, row, testIdPrefix, getRowId)
+    ] })
+  };
+}
+function renderAutoKebab(kebabActions, row, testIdPrefix, getRowId) {
+  const copy = useDataViewsCopy();
+  const items = kebabActions.filter((action) => action.isVisible?.(row) ?? true).map((action) => ({
+    id: action.id,
+    label: action.rowLabel ? action.rowLabel(row) : action.label,
+    color: action.color,
+    onClick: () => void action.onSelect([row])
+  }));
+  if (items.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    DropdownMenu,
+    {
+      size: "sm",
+      items,
+      trigger: /* @__PURE__ */ jsx(Button, { variant: "text", size: "sm", dataTestId: `${testIdPrefix}-actions-${getRowId(row)}`, "aria-label": copy.grid.rowActions, children: "\u22EE" })
+    }
+  );
+}
+function defaultSortFields(columns) {
+  return columns.filter(
+    (col) => col.enableSort !== false && col.type !== "actions" && col.id !== "actions" && typeof col.header === "string" && col.header !== ""
+  ).map((col) => ({
+    value: col.id,
+    label: col.header,
+    orderOptions: [
+      { value: "asc", label: "Crescente" },
+      { value: "desc", label: "Decrescente" }
+    ]
+  }));
+}
+function computeActiveFilterCount(state, fields, rangeFields) {
+  const ranges = state.ranges ?? {};
+  const pillCount = fields.reduce((n, field) => n + ((state.pills[field.id]?.length ?? 0) > 0 ? 1 : 0), 0);
+  const rangeCount = rangeFields.reduce((n, field) => {
+    const range = ranges[field.id];
+    return n + (range && (range.min != null || range.max != null) ? 1 : 0);
+  }, 0);
+  return (state.search.trim() ? 1 : 0) + pillCount + rangeCount;
+}
+function bulkMenuItems(rowActions, selectedRows, clearSelection) {
+  return rowActions.filter((action) => action.bulk !== false).map((action) => {
+    const targets = action.isVisible ? selectedRows.filter(action.isVisible) : selectedRows;
+    return { action, targets };
+  }).filter(({ targets }) => targets.length > 0).map(({ action, targets }) => ({
+    id: action.id,
+    label: action.label,
+    color: action.color,
+    onClick: () => {
+      const result = action.onSelect(targets);
+      if (result instanceof Promise) {
+        void result.then(
+          () => clearSelection(),
+          () => {
+          }
+        );
+      } else {
+        clearSelection();
+      }
+    }
+  }));
+}
+function renderBulkActions({
+  rowActions,
+  bulkActions,
+  selectedRows,
+  clearSelection,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  if (selectedRows.length === 0) return void 0;
+  if (rowActions) {
+    const items = bulkMenuItems(rowActions, selectedRows, clearSelection);
+    if (items.length === 0) return void 0;
+    return /* @__PURE__ */ jsx(
+      DropdownMenu,
+      {
+        size: "sm",
+        items,
+        trigger: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", dataTestId: `${testIdPrefix}-bulk-actions`, children: copy.grid.bulkActions(selectedRows.length) })
+      }
+    );
+  }
+  return bulkActions ? bulkActions(selectedRows, clearSelection) : void 0;
+}
+function togglePillValues(current, value, checked) {
+  const list = current ?? [];
+  return checked ? [...list, value] : list.filter((v) => v !== value);
+}
+function cardGridTracks(targetWidth) {
+  return {
+    gridTemplateColumns: {
+      xs: "1fr",
+      sm: `repeat(auto-fill, minmax(${targetWidth}px, 1fr))`
+    }
+  };
+}
+
+export {
+  isActionsColumn,
+  buildGridColumns,
+  buildRowActionsColumn,
+  defaultSortFields,
+  computeActiveFilterCount,
+  renderBulkActions,
+  togglePillValues,
+  cardGridTracks
+};
+//# sourceMappingURL=chunk-LOJK733T.js.map