@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-SCQJV54H.js

@@ -1,246 +0,0 @@
-import {
-  BoardGlyph,
-  ColumnsGlyph,
-  GridGlyph,
-  ListGlyph,
-  RowsGlyph,
-  TableGlyph
-} from "./chunk-SNR537TI.js";
-import {
-  useDataViewsLayout
-} from "./chunk-2XGGHYEA.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/data-views-display-tabs.tsx
-import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
-import ArrowUpwardRoundedIcon from "@mui/icons-material/ArrowUpwardRounded";
-import useMediaQuery from "@mui/material/useMediaQuery/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Tile({
-  active,
-  label,
-  onClick,
-  testId,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick,
-      "aria-pressed": active,
-      "data-testid": testId,
-      sx: {
-        flex: 1,
-        minWidth: 0,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        gap: 0.75,
-        p: 1.25,
-        border: 1,
-        borderStyle: "solid",
-        borderColor: active ? "primary.main" : "divider",
-        bgcolor: active ? "action.selected" : "transparent",
-        borderRadius: 1,
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: "0.75rem",
-        fontWeight: active ? 600 : 400,
-        color: active ? "primary.main" : "text.secondary",
-        "&:hover": { bgcolor: "action.hover" }
-      },
-      children: [
-        children,
-        label
-      ]
-    }
-  );
-}
-var DIRECTION_LABELS = {
-  number: ["Menor \u2192 maior", "Maior \u2192 menor"],
-  currency: ["Menor \u2192 maior", "Maior \u2192 menor"],
-  date: ["Mais antigo", "Mais recente"],
-  text: ["A \u2192 Z", "Z \u2192 A"]
-};
-function directionLabels(kind) {
-  return DIRECTION_LABELS[kind ?? "text"] ?? DIRECTION_LABELS.text;
-}
-function SortTab({
-  fields,
-  activeField,
-  activeOrder,
-  onChange,
-  sortKinds,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const [ascLabel, descLabel] = directionLabels(sortKinds?.[activeField]);
-  return /* @__PURE__ */ jsxs(default2, { sx: { p: 1 }, children: [
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, color: "text.secondary" }, children: copy.display.direction }) }),
-    /* @__PURE__ */ jsx(default2, { sx: { display: "flex", gap: 0.75, mb: 1.5, mt: 0.5 }, children: ["asc", "desc"].map((direction, index) => /* @__PURE__ */ jsx(
-      Tile,
-      {
-        active: activeOrder === direction,
-        label: index === 0 ? ascLabel : descLabel,
-        onClick: () => onChange(activeField || fields[0]?.value || "", direction),
-        testId: `${testIdPrefix}-sort-dir-${direction}`,
-        children: direction === "asc" ? /* @__PURE__ */ jsx(ArrowUpwardRoundedIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(ArrowDownwardRoundedIcon, { fontSize: "small" })
-      },
-      direction
-    )) }),
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, color: "text.secondary" }, children: copy.display.fieldHeading }) }),
-    fields.map((field) => /* @__PURE__ */ jsx(
-      SortFieldRow,
-      {
-        label: field.label,
-        active: field.value === activeField,
-        onClick: () => onChange(field.value, activeOrder),
-        testId: `${testIdPrefix}-sort-field-${field.value}`
-      },
-      field.value
-    ))
-  ] });
-}
-function SortFieldRow({
-  label,
-  active,
-  onClick,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick,
-      "data-testid": testId,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        width: "100%",
-        px: 1,
-        py: 0.75,
-        border: 0,
-        background: "none",
-        borderRadius: 1,
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: "0.8125rem",
-        textAlign: "left",
-        fontWeight: active ? 600 : 400,
-        color: active ? "primary.main" : "text.primary",
-        "&:hover": { bgcolor: "action.hover" }
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          default2,
-          {
-            component: "span",
-            sx: { height: 6, width: 6, borderRadius: "50%", bgcolor: active ? "primary.main" : "action.disabled" }
-          }
-        ),
-        /* @__PURE__ */ jsx(default2, { component: "span", sx: { flex: 1, minWidth: 0 }, children: label })
-      ]
-    }
-  );
-}
-function densityTiles(layout, copy) {
-  const labels = copy.display.densityLabels[layout] ?? copy.display.densityLabels.table;
-  return [
-    { value: "compact", label: labels?.compact ?? "compact", gap: 2, columns: 4 },
-    { value: "cozy", label: labels?.cozy ?? "cozy", gap: 5, columns: 3 },
-    { value: "comfortable", label: labels?.comfortable ?? "comfortable", gap: 8, columns: 2 }
-  ];
-}
-function densityGlyph(layout, tile, active) {
-  if (layout === "cards") return /* @__PURE__ */ jsx(GridGlyph, { n: tile.columns, active });
-  if (layout === "board") return /* @__PURE__ */ jsx(ColumnsGlyph, { n: tile.columns, active });
-  return /* @__PURE__ */ jsx(RowsGlyph, { gap: tile.gap, active });
-}
-function layoutGlyph(layout, active) {
-  if (layout === "table") return /* @__PURE__ */ jsx(TableGlyph, { active });
-  if (layout === "list") return /* @__PURE__ */ jsx(ListGlyph, { active });
-  if (layout === "cards") return /* @__PURE__ */ jsx(GridGlyph, { active });
-  return /* @__PURE__ */ jsx(BoardGlyph, { active });
-}
-var LAYOUT_TILE_LABELS = {
-  table: "Tabela",
-  list: "Lista",
-  cards: "Grade",
-  board: "Quadro"
-};
-function DensityTiles({ testIdPrefix }) {
-  const copy = useDataViewsCopy();
-  const { layout, density, setDensity } = useDataViewsLayout();
-  const isOneColumn = useMediaQuery((t) => t.breakpoints.down("sm"));
-  if (layout === "cards" && isOneColumn) {
-    return /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, pt: 0.5, display: "block", color: "text.disabled" }, children: copy.display.densityUnavailableNarrow }) });
-  }
-  return /* @__PURE__ */ jsx(default2, { sx: { display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: 0.75, mt: 0.5 }, children: densityTiles(layout, copy).map((tile) => /* @__PURE__ */ jsx(
-    Tile,
-    {
-      active: density === tile.value,
-      label: tile.label,
-      onClick: () => setDensity(tile.value),
-      testId: `${testIdPrefix}-density-${tile.value}`,
-      children: densityGlyph(layout, tile, density === tile.value)
-    },
-    tile.value
-  )) });
-}
-function DisplayTab({ testIdPrefix }) {
-  const copy = useDataViewsCopy();
-  const { layout, setLayout, canUseCards, canUseList, canUseBoard } = useDataViewsLayout();
-  const available = [
-    "table",
-    ...canUseList ? ["list"] : [],
-    ...canUseCards ? ["cards"] : [],
-    ...canUseBoard ? ["board"] : []
-  ];
-  return /* @__PURE__ */ jsxs(default2, { sx: { p: 1 }, children: [
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, color: "text.secondary" }, children: copy.display.formatHeading }) }),
-    /* @__PURE__ */ jsx(
-      default2,
-      {
-        sx: {
-          display: "grid",
-          gridTemplateColumns: available.length > 3 ? "repeat(2, 1fr)" : `repeat(${available.length}, 1fr)`,
-          gap: 0.75,
-          mt: 0.5
-        },
-        children: available.map((value) => /* @__PURE__ */ jsx(
-          Tile,
-          {
-            active: layout === value,
-            label: LAYOUT_TILE_LABELS[value],
-            onClick: () => setLayout(value),
-            testId: `${testIdPrefix}-layout-${value}`,
-            children: layoutGlyph(value, layout === value)
-          },
-          value
-        ))
-      }
-    ),
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, py: 1, display: "block", color: "text.disabled" }, children: copy.display.layoutHints[layout] }) }),
-    /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, color: "text.secondary" }, children: copy.display.densityHeadings[layout] }) }),
-    /* @__PURE__ */ jsx(DensityTiles, { testIdPrefix }),
-    !canUseBoard && /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { px: 0.5, pt: 1.25, display: "block", color: "text.disabled" }, children: copy.display.boardUnavailable }) })
-  ] });
-}
-
-export {
-  SortTab,
-  DisplayTab
-};
-//# sourceMappingURL=chunk-SCQJV54H.js.map

package/dist/chunk-SCQJV54H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-display-tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DataViewsCopy } from \"./data-views-copy\";\nimport ArrowDownwardRoundedIcon from \"@mui/icons-material/ArrowDownwardRounded\";\nimport ArrowUpwardRoundedIcon from \"@mui/icons-material/ArrowUpwardRounded\";\nimport useMediaQuery from \"@mui/material/useMediaQuery/index.js\";\nimport type { Theme } from \"@mui/material/styles/index.js\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport type { SortFieldDefinition } from \"../../layout/ContentToolbar\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport {\n  BoardGlyph,\n  ColumnsGlyph,\n  GridGlyph,\n  ListGlyph,\n  RowsGlyph,\n  TableGlyph,\n} from \"./data-views-glyphs\";\nimport {\n  useDataViewsLayout,\n  type DataViewsDensity,\n  type DataViewsLayout,\n} from \"./data-views-layout-context\";\n\n/**\n * Two of the three tabs inside the \"Exibir\" panel — Ordenar and Exibição. The\n * Colunas tab is its own file (`data-views-columns-tab.tsx`) for the size budget.\n *\n * They live together because they answer one question (\"how do I want to read\n * this list?\") and were previously three separate toolbar dropdowns that the\n * operator had to know apart. Split into this file so the panel that frames\n * them, and each tab, stays inside the size budget.\n */\n\n/* ── Shared tile ─────────────────────────────────────────────────────────── */\n\n/** A picker tile: a glyph over its label, highlighted when it is the choice. */\nfunction Tile({\n  active,\n  label,\n  onClick,\n  testId,\n  children,\n}: {\n  active: boolean;\n  label: string;\n  onClick: () => void;\n  testId: string;\n  children: React.ReactNode;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onClick}\n      aria-pressed={active}\n      data-testid={testId}\n      sx={{\n        flex: 1,\n        minWidth: 0,\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        gap: 0.75,\n        p: 1.25,\n        border: 1,\n        borderStyle: \"solid\",\n        borderColor: active ? \"primary.main\" : \"divider\",\n        bgcolor: active ? \"action.selected\" : \"transparent\",\n        borderRadius: 1,\n        cursor: \"pointer\",\n        font: \"inherit\",\n        fontSize: \"0.75rem\",\n        fontWeight: active ? 600 : 400,\n        color: active ? \"primary.main\" : \"text.secondary\",\n        \"&:hover\": { bgcolor: \"action.hover\" },\n      }}\n    >\n      {children}\n      {label}\n    </Box>\n  );\n}\n\n/* ── Ordenar ─────────────────────────────────────────────────────────────── */\n\n/**\n * Direction labels read in the COLUMN'S OWN TERMS. \"Crescente\" on a currency\n * column is a puzzle the operator has to solve every time; \"Menor → maior\" is\n * not, and \"Mais recente\" is what someone actually means about a date.\n */\nconst DIRECTION_LABELS: Record<string, [string, string]> = {\n  number: [\"Menor → maior\", \"Maior → menor\"],\n  currency: [\"Menor → maior\", \"Maior → menor\"],\n  date: [\"Mais antigo\", \"Mais recente\"],\n  text: [\"A → Z\", \"Z → A\"],\n};\n\n/** The direction wording for a sort field, falling back to alphabetical. */\nfunction directionLabels(kind: string | undefined): [string, string] {\n  return DIRECTION_LABELS[kind ?? \"text\"] ?? DIRECTION_LABELS.text!;\n}\n\ninterface SortTabProps {\n  fields: SortFieldDefinition[];\n  activeField: string;\n  activeOrder: \"asc\" | \"desc\";\n  onChange: (field: string, order: \"asc\" | \"desc\") => void;\n  /** Per-field value kind, so the direction can be phrased in its own terms. */\n  sortKinds?: Record<string, string>;\n  testIdPrefix: string;\n}\n\n/** Direction first (two tiles), then the field list — the order they are decided in. */\nexport function SortTab({\n  fields,\n  activeField,\n  activeOrder,\n  onChange,\n  sortKinds,\n  testIdPrefix,\n}: SortTabProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const [ascLabel, descLabel] = directionLabels(sortKinds?.[activeField]);\n  return (\n    <Box sx={{ p: 1 }}>\n      <Text variant=\"caption\" as=\"p\">\n        <Box component=\"span\" sx={{ px: 0.5, color: \"text.secondary\" }}>\n          {copy.display.direction}\n        </Box>\n      </Text>\n      <Box sx={{ display: \"flex\", gap: 0.75, mb: 1.5, mt: 0.5 }}>\n        {([\"asc\", \"desc\"] as const).map((direction, index) => (\n          <Tile\n            key={direction}\n            active={activeOrder === direction}\n            label={index === 0 ? ascLabel : descLabel}\n            onClick={() => onChange(activeField || fields[0]?.value || \"\", direction)}\n            testId={`${testIdPrefix}-sort-dir-${direction}`}\n          >\n            {direction === \"asc\" ? (\n              <ArrowUpwardRoundedIcon fontSize=\"small\" />\n            ) : (\n              <ArrowDownwardRoundedIcon fontSize=\"small\" />\n            )}\n          </Tile>\n        ))}\n      </Box>\n      <Text variant=\"caption\" as=\"p\">\n        <Box component=\"span\" sx={{ px: 0.5, color: \"text.secondary\" }}>\n          {copy.display.fieldHeading}\n        </Box>\n      </Text>\n      {fields.map((field) => (\n        <SortFieldRow\n          key={field.value}\n          label={field.label}\n          active={field.value === activeField}\n          onClick={() => onChange(field.value, activeOrder)}\n          testId={`${testIdPrefix}-sort-field-${field.value}`}\n        />\n      ))}\n    </Box>\n  );\n}\n\n/** One sort field: a dot and its label, highlighted when it is the active sort. */\nfunction SortFieldRow({\n  label,\n  active,\n  onClick,\n  testId,\n}: {\n  label: string;\n  active: boolean;\n  onClick: () => void;\n  testId: string;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 1,\n        width: \"100%\",\n        px: 1,\n        py: 0.75,\n        border: 0,\n        background: \"none\",\n        borderRadius: 1,\n        cursor: \"pointer\",\n        font: \"inherit\",\n        fontSize: \"0.8125rem\",\n        textAlign: \"left\",\n        fontWeight: active ? 600 : 400,\n        color: active ? \"primary.main\" : \"text.primary\",\n        \"&:hover\": { bgcolor: \"action.hover\" },\n      }}\n    >\n      <Box\n        component=\"span\"\n        sx={{ height: 6, width: 6, borderRadius: \"50%\", bgcolor: active ? \"primary.main\" : \"action.disabled\" }}\n      />\n      <Box component=\"span\" sx={{ flex: 1, minWidth: 0 }}>\n        {label}\n      </Box>\n    </Box>\n  );\n}\n\n/* ── Exibição ────────────────────────────────────────────────────────────── */\n\n\n/**\n * What density MEANS in each layout — same three values, three different\n * questions. A table's is how tall its rows are, a card grid's is how many fit\n * on a line, and a board's is how wide its columns are. The heading and the\n * tile labels change with the layout because \"Alta\" over a board is meaningless\n * where \"Larga\" is not.\n */\n\n\n/** The density tiles, phrased for whichever layout is on screen. */\nfunction densityTiles(\n  layout: DataViewsLayout,\n  copy: DataViewsCopy,\n): { value: DataViewsDensity; label: string; gap: number; columns: number }[] {\n  // A layout the pack does not key falls back to the table's words rather\n  // than rendering three blank tiles — a host adding a layout should still see\n  // a usable control while it writes the labels for it.\n  const labels = copy.display.densityLabels[layout] ?? copy.display.densityLabels.table;\n  return [\n    { value: \"compact\", label: labels?.compact ?? \"compact\", gap: 2, columns: 4 },\n    { value: \"cozy\", label: labels?.cozy ?? \"cozy\", gap: 5, columns: 3 },\n    { value: \"comfortable\", label: labels?.comfortable ?? \"comfortable\", gap: 8, columns: 2 },\n  ];\n}\n\n/** The preview for one density tile, in the terms that layout's density is in. */\nfunction densityGlyph(\n  layout: DataViewsLayout,\n  tile: { gap: number; columns: number },\n  active: boolean,\n): React.JSX.Element {\n  if (layout === \"cards\") return <GridGlyph n={tile.columns} active={active} />;\n  // A wider column means FEWER of them across the same board, so the\n  // comfortable end draws two fat columns and the compact end four thin ones.\n  if (layout === \"board\") return <ColumnsGlyph n={tile.columns} active={active} />;\n  return <RowsGlyph gap={tile.gap} active={active} />;\n}\n\n/** The glyph for a layout tile. */\nfunction layoutGlyph(layout: DataViewsLayout, active: boolean): React.JSX.Element {\n  if (layout === \"table\") return <TableGlyph active={active} />;\n  if (layout === \"list\") return <ListGlyph active={active} />;\n  if (layout === \"cards\") return <GridGlyph active={active} />;\n  return <BoardGlyph active={active} />;\n}\n\nconst LAYOUT_TILE_LABELS: Record<DataViewsLayout, string> = {\n  table: \"Tabela\",\n  list: \"Lista\",\n  cards: \"Grade\",\n  board: \"Quadro\",\n};\n\n/**\n * Format and density, both shown as PREVIEWS rather than words — see\n * `data-views-glyphs.tsx` for why. A layout this table cannot render is simply\n * not offered, and the panel says why rather than leaving a gap.\n */\n/**\n * The three density tiles — or, on a phone, a line saying why there are none:\n * the card grid is `1fr` there, so all three would draw one card per row. Says\n * so rather than vanishing, for the same reason as the board note below it.\n */\nfunction DensityTiles({ testIdPrefix }: { testIdPrefix: string }): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { layout, density, setDensity } = useDataViewsLayout();\n  // Matches the card grid's own `xs: \"1fr\"` track, so the control and the thing\n  // it controls agree on where density stops meaning anything.\n  const isOneColumn = useMediaQuery((t: Theme) => t.breakpoints.down(\"sm\"));\n  if (layout === \"cards\" && isOneColumn) {\n    return (\n      <Text variant=\"caption\" as=\"p\">\n        <Box component=\"span\" sx={{ px: 0.5, pt: 0.5, display: \"block\", color: \"text.disabled\" }}>\n          {copy.display.densityUnavailableNarrow}\n        </Box>\n      </Text>\n    );\n  }\n  return (\n    <Box sx={{ display: \"grid\", gridTemplateColumns: \"repeat(3, 1fr)\", gap: 0.75, mt: 0.5 }}>\n      {densityTiles(layout, copy).map((tile) => (\n        <Tile\n          key={tile.value}\n          active={density === tile.value}\n          label={tile.label}\n          onClick={() => setDensity(tile.value)}\n          testId={`${testIdPrefix}-density-${tile.value}`}\n        >\n          {densityGlyph(layout, tile, density === tile.value)}\n        </Tile>\n      ))}\n    </Box>\n  );\n}\n\nexport function DisplayTab({ testIdPrefix }: { testIdPrefix: string }): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { layout, setLayout, canUseCards, canUseList, canUseBoard } = useDataViewsLayout();\n  const available: DataViewsLayout[] = [\n    \"table\",\n    ...(canUseList ? ([\"list\"] as const) : []),\n    ...(canUseCards ? ([\"cards\"] as const) : []),\n    ...(canUseBoard ? ([\"board\"] as const) : []),\n  ];\n  return (\n    <Box sx={{ p: 1 }}>\n      <Text variant=\"caption\" as=\"p\">\n        <Box component=\"span\" sx={{ px: 0.5, color: \"text.secondary\" }}>\n          {copy.display.formatHeading}\n        </Box>\n      </Text>\n      <Box\n        sx={{\n          display: \"grid\",\n          gridTemplateColumns: available.length > 3 ? \"repeat(2, 1fr)\" : `repeat(${available.length}, 1fr)`,\n          gap: 0.75,\n          mt: 0.5,\n        }}\n      >\n        {available.map((value) => (\n          <Tile\n            key={value}\n            active={layout === value}\n            label={LAYOUT_TILE_LABELS[value]}\n            onClick={() => setLayout(value)}\n            testId={`${testIdPrefix}-layout-${value}`}\n          >\n            {layoutGlyph(value, layout === value)}\n          </Tile>\n        ))}\n      </Box>\n      <Text variant=\"caption\" as=\"p\">\n        <Box component=\"span\" sx={{ px: 0.5, py: 1, display: \"block\", color: \"text.disabled\" }}>\n          {copy.display.layoutHints[layout]}\n        </Box>\n      </Text>\n      {/* Every layout gets this, the board included. It used to be hidden on\n          Quadro, which left the format tile switching to a view with no sizing\n          control at all — and the section disappearing on select reads as a\n          control that broke rather than one that does not apply. */}\n      <Text variant=\"caption\" as=\"p\">\n        <Box component=\"span\" sx={{ px: 0.5, color: \"text.secondary\" }}>\n          {copy.display.densityHeadings[layout]}\n        </Box>\n      </Text>\n      <DensityTiles testIdPrefix={testIdPrefix} />\n      {!canUseBoard && (\n        <Text variant=\"caption\" as=\"p\">\n          <Box component=\"span\" sx={{ px: 0.5, pt: 1.25, display: \"block\", color: \"text.disabled\" }}>\n            {copy.display.boardUnavailable}\n          </Box>\n        </Text>\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","names":["default"]}

package/dist/chunk-SCRN2RE4.js

@@ -1,64 +0,0 @@
-// src/components/data-display/InteractiveTooltip/InteractiveTooltip.hooks.ts
-import { useCallback, useEffect, useRef, useState } from "react";
-var TOOLTIP_DEFAULTS = {
-  variant: "default",
-  size: "md",
-  glow: false,
-  pulse: false,
-  maxWidth: 300,
-  clickable: true
-};
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, value]) => value !== void 0)
-);
-var resolveTooltipProps = (props) => ({ ...TOOLTIP_DEFAULTS, ...definedProps(props) });
-var usePinnedTooltip = ({ clickable, onPin, onUnpin }) => {
-  const [isPinned, setIsPinned] = useState(false);
-  const [isControlledOpen, setIsControlledOpen] = useState(false);
-  const wrapperRef = useRef(null);
-  useEffect(() => {
-    if (!isPinned || !clickable) {
-      return;
-    }
-    const handleClickOutside = (event) => {
-      const targetElement = event.target;
-      const isClickOnTooltip = targetElement.closest('[role="tooltip"]');
-      const isClickOnTrigger = wrapperRef.current?.contains(targetElement);
-      if (isClickOnTooltip || isClickOnTrigger) {
-        return;
-      }
-      setIsPinned(false);
-      setIsControlledOpen(false);
-      onUnpin?.();
-    };
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside);
-    };
-  }, [isPinned, clickable, onUnpin]);
-  const handleClick = useCallback(
-    (e) => {
-      if (!clickable) return;
-      e.preventDefault();
-      e.stopPropagation();
-      setIsPinned((current) => {
-        const newPinned = !current;
-        setIsControlledOpen(newPinned);
-        if (newPinned) {
-          onPin?.();
-        } else {
-          onUnpin?.();
-        }
-        return newPinned;
-      });
-    },
-    [clickable, onPin, onUnpin]
-  );
-  return { isPinned, isControlledOpen, wrapperRef, handleClick };
-};
-
-export {
-  resolveTooltipProps,
-  usePinnedTooltip
-};
-//# sourceMappingURL=chunk-SCRN2RE4.js.map

package/dist/chunk-SCRN2RE4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/InteractiveTooltip/InteractiveTooltip.hooks.ts"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { InteractiveTooltipProps } from './InteractiveTooltip.types';\n\ntype TooltipDefaultedKeys = 'variant' | 'size' | 'glow' | 'pulse' | 'maxWidth' | 'clickable';\n\ntype ResolvedTooltipProps = InteractiveTooltipProps &\n  Required<Pick<InteractiveTooltipProps, TooltipDefaultedKeys>>;\n\nconst TOOLTIP_DEFAULTS: Pick<InteractiveTooltipProps, TooltipDefaultedKeys> = {\n  variant: 'default',\n  size: 'md',\n  glow: false,\n  pulse: false,\n  maxWidth: 300,\n  clickable: true,\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: InteractiveTooltipProps): Partial<InteractiveTooltipProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<InteractiveTooltipProps>;\n\nexport const resolveTooltipProps = (\n  props: InteractiveTooltipProps,\n): ResolvedTooltipProps =>\n  ({ ...TOOLTIP_DEFAULTS, ...definedProps(props) }) as ResolvedTooltipProps;\n\ninterface PinOptions {\n  clickable: boolean;\n  onPin?: () => void;\n  onUnpin?: () => void;\n}\n\n/**\n * Clicking the trigger pins the tooltip open; clicking anywhere that is neither\n * the tooltip nor the trigger unpins it. The listener only exists while pinned,\n * so an unpinned tooltip costs nothing on every document click.\n */\nexport const usePinnedTooltip = ({ clickable, onPin, onUnpin }: PinOptions) => {\n  const [isPinned, setIsPinned] = useState(false);\n  const [isControlledOpen, setIsControlledOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isPinned || !clickable) {\n      return;\n    }\n\n    const handleClickOutside = (event: MouseEvent) => {\n      const targetElement = event.target as Element;\n\n      // Check if click was on tooltip or trigger\n      const isClickOnTooltip = targetElement.closest('[role=\"tooltip\"]');\n      const isClickOnTrigger = wrapperRef.current?.contains(targetElement);\n\n      if (isClickOnTooltip || isClickOnTrigger) {\n        return;\n      }\n\n      // Click was outside - unpin\n      setIsPinned(false);\n      setIsControlledOpen(false);\n      onUnpin?.();\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [isPinned, clickable, onUnpin]);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (!clickable) return;\n\n      e.preventDefault();\n      e.stopPropagation();\n\n      setIsPinned((current) => {\n        const newPinned = !current;\n        setIsControlledOpen(newPinned);\n\n        if (newPinned) {\n          onPin?.();\n        } else {\n          onUnpin?.();\n        }\n\n        return newPinned;\n      });\n    },\n    [clickable, onPin, onUnpin],\n  );\n\n  return { isPinned, isControlledOpen, wrapperRef, handleClick };\n};\n"],"mappings":";AAAA,SAAgB,aAAa,WAAW,QAAQ,gBAAgB;AAShE,IAAM,mBAAwE;AAAA,EAC5E,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AACb;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,sBAAsB,CACjC,WAEC,EAAE,GAAG,kBAAkB,GAAG,aAAa,KAAK,EAAE;AAa1C,IAAM,mBAAmB,CAAC,EAAE,WAAW,OAAO,QAAQ,MAAkB;AAC7E,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,KAAK;AAC9D,QAAM,aAAa,OAAuB,IAAI;AAE9C,YAAU,MAAM;AACd,QAAI,CAAC,YAAY,CAAC,WAAW;AAC3B;AAAA,IACF;AAEA,UAAM,qBAAqB,CAAC,UAAsB;AAChD,YAAM,gBAAgB,MAAM;AAG5B,YAAM,mBAAmB,cAAc,QAAQ,kBAAkB;AACjE,YAAM,mBAAmB,WAAW,SAAS,SAAS,aAAa;AAEnE,UAAI,oBAAoB,kBAAkB;AACxC;AAAA,MACF;AAGA,kBAAY,KAAK;AACjB,0BAAoB,KAAK;AACzB,gBAAU;AAAA,IACZ;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AACzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,UAAU,WAAW,OAAO,CAAC;AAEjC,QAAM,cAAc;AAAA,IAClB,CAAC,MAAwB;AACvB,UAAI,CAAC,UAAW;AAEhB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAElB,kBAAY,CAAC,YAAY;AACvB,cAAM,YAAY,CAAC;AACnB,4BAAoB,SAAS;AAE7B,YAAI,WAAW;AACb,kBAAQ;AAAA,QACV,OAAO;AACL,oBAAU;AAAA,QACZ;AAEA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,WAAW,OAAO,OAAO;AAAA,EAC5B;AAEA,SAAO,EAAE,UAAU,kBAAkB,YAAY,YAAY;AAC/D;","names":[]}

package/dist/chunk-SNBCAH62.js

@@ -1,138 +0,0 @@
-import {
-  SettingsPanel
-} from "./chunk-B443IIQG.js";
-import {
-  SettingsRail
-} from "./chunk-A4JH5FAL.js";
-import {
-  activeItemLabel,
-  filterGroups
-} from "./chunk-BXC6GRLE.js";
-import {
-  atLeastRail
-} from "./chunk-LIG7TKIB.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/layout/SettingsLayout/SettingsLayout.tsx
-import Box from "@mui/material/Box/index.js";
-import { useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DEFAULTS = {
-  searchPlaceholder: "Search settings",
-  defaultQuery: "",
-  emptySearchLabel: "No settings match your search.",
-  testIdPrefix: "settings",
-  railBreakpoint: "md",
-  navVariant: "switcher",
-  atIndex: false,
-  backLabel: "Back"
-};
-function shellSx(breakpoint, fillHeight) {
-  return (theme) => ({
-    display: "flex",
-    flexDirection: "column",
-    alignItems: "stretch",
-    gap: 1.5,
-    width: "100%",
-    minWidth: 0,
-    // Only ever at the wide shape. Narrow, the rail is a disclosure or the page
-    // itself, and two independent scrollbars on a phone is a trap rather than a
-    // convenience.
-    [atLeastRail(theme, breakpoint ?? "md")]: {
-      flexDirection: "row",
-      gap: 3,
-      ...fillHeight ? { height: "100%", minHeight: 0 } : {}
-    }
-  });
-}
-var SettingsLayout = (props) => {
-  const {
-    title,
-    groups,
-    activeItemId,
-    onSelectItem,
-    searchPlaceholder,
-    defaultQuery,
-    emptySearchLabel,
-    emptySearchAction,
-    linkComponent,
-    children,
-    testIdPrefix,
-    railBreakpoint,
-    fillHeight = false,
-    navVariant,
-    atIndex,
-    indexHref,
-    backLabel,
-    sectionChips
-  } = withDefaults(props, DEFAULTS);
-  const [query, setQuery] = useState(defaultQuery);
-  const [navOpen, setNavOpen] = useState(false);
-  const filteredGroups = useMemo(() => filterGroups(groups, query), [groups, query]);
-  const activeLabel = useMemo(() => activeItemLabel(groups, activeItemId), [groups, activeItemId]);
-  const drilldown = navVariant === "drilldown";
-  const ariaLabel = typeof title === "string" ? title : "Settings";
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": testIdPrefix,
-      "data-nav-variant": navVariant,
-      "data-at-index": atIndex ? "true" : "false",
-      sx: shellSx(railBreakpoint, fillHeight),
-      children: [
-        /* @__PURE__ */ jsx(
-          SettingsRail,
-          {
-            title,
-            activeLabel,
-            navOpen,
-            onToggleNav: () => setNavOpen((open) => !open),
-            query,
-            onQueryChange: setQuery,
-            searchPlaceholder,
-            emptySearchLabel,
-            emptySearchAction,
-            filteredGroups,
-            activeItemId,
-            linkComponent,
-            onSelectItem,
-            onNavigate: () => setNavOpen(false),
-            testIdPrefix,
-            variant: navVariant,
-            breakpoint: railBreakpoint,
-            atIndex,
-            fillHeight
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          SettingsPanel,
-          {
-            inSection: drilldown && !atIndex,
-            hideOnNarrow: drilldown && atIndex,
-            breakpoint: railBreakpoint,
-            indexHref,
-            sectionTitle: props.sectionTitle,
-            sectionDescription: props.sectionDescription,
-            backLabel,
-            ariaLabel,
-            sectionChips,
-            activeItemId,
-            linkComponent,
-            onSelectItem,
-            testIdPrefix,
-            fillHeight,
-            children
-          }
-        )
-      ]
-    }
-  );
-};
-SettingsLayout.displayName = "SettingsLayout";
-
-export {
-  SettingsLayout
-};
-//# sourceMappingURL=chunk-SNBCAH62.js.map

package/dist/chunk-SNR537TI.js

@@ -1,59 +0,0 @@
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-
-// src/components/data-display/DataViews/data-views-glyphs.tsx
-import { jsx } from "react/jsx-runtime";
-var FRAME = { width: 32, height: 24, display: "flex" };
-function barColor(active) {
-  return active ? "primary.main" : "action.disabled";
-}
-function RowsGlyph({ gap, active }) {
-  return /* @__PURE__ */ jsx(default2, { sx: { ...FRAME, flexDirection: "column", justifyContent: "center", gap: `${gap}px` }, children: [0, 1, 2].map((index) => /* @__PURE__ */ jsx(default2, { sx: { height: 2, width: "100%", borderRadius: 1, bgcolor: barColor(active) } }, index)) });
-}
-function TableGlyph({ active }) {
-  return /* @__PURE__ */ jsx(default2, { sx: { ...FRAME, display: "grid", gridTemplateColumns: "repeat(3, 1fr)", gap: "2px" }, children: Array.from({ length: 9 }).map((_, index) => /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: { borderRadius: 0.5, bgcolor: barColor(active), opacity: index < 3 ? 1 : 0.55 }
-    },
-    index
-  )) });
-}
-function ListGlyph({ active }) {
-  return /* @__PURE__ */ jsx(default2, { sx: { ...FRAME, flexDirection: "column", justifyContent: "center", gap: "4px" }, children: [0, 1, 2].map((index) => /* @__PURE__ */ jsx(
-    default2,
-    {
-      sx: {
-        height: 5,
-        width: "100%",
-        borderRadius: 0.5,
-        bgcolor: barColor(active),
-        opacity: 0.7,
-        display: "flex",
-        alignItems: "center"
-      },
-      children: /* @__PURE__ */ jsx(default2, { sx: { ml: "2px", height: 3, width: 3, borderRadius: "50%", bgcolor: "background.paper" } })
-    },
-    index
-  )) });
-}
-function GridGlyph({ n = 3, active }) {
-  return /* @__PURE__ */ jsx(default2, { sx: { ...FRAME, display: "grid", gridTemplateColumns: `repeat(${n}, 1fr)`, gap: "2px" }, children: Array.from({ length: n * 2 }).map((_, index) => /* @__PURE__ */ jsx(default2, { sx: { borderRadius: 0.5, bgcolor: barColor(active) } }, index)) });
-}
-function ColumnsGlyph({ n, active }) {
-  return /* @__PURE__ */ jsx(default2, { sx: { ...FRAME, gap: "2px" }, children: Array.from({ length: n }).map((_, column) => /* @__PURE__ */ jsx(default2, { sx: { flex: 1, borderRadius: 0.5, bgcolor: barColor(active) } }, column)) });
-}
-function BoardGlyph({ active }) {
-  return /* @__PURE__ */ jsx(default2, { sx: { ...FRAME, gap: "2px" }, children: [3, 2, 1].map((count, column) => /* @__PURE__ */ jsx(default2, { sx: { flex: 1, display: "flex", flexDirection: "column", gap: "2px" }, children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsx(default2, { sx: { height: 5, borderRadius: 0.5, bgcolor: barColor(active) } }, index)) }, column)) });
-}
-
-export {
-  RowsGlyph,
-  TableGlyph,
-  ListGlyph,
-  GridGlyph,
-  ColumnsGlyph,
-  BoardGlyph
-};
-//# sourceMappingURL=chunk-SNR537TI.js.map

package/dist/chunk-SNR537TI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-glyphs.tsx"],"sourcesContent":["\"use client\";\n\nimport { Box } from \"../../../mui/Box\";\n\n/**\n * Miniature previews of what a layout or a density setting DOES.\n *\n * \"Baixa / Média / Alta\" tells an operator nothing until they try it, and\n * \"Grade\" vs \"Lista\" is only obvious to whoever named them. A glyph that draws\n * three tight rows, or three loose ones, or a grid of blocks, answers the\n * question before the click — so the picker is read once instead of cycled\n * through.\n *\n * Deliberately CSS boxes rather than icons: the point is to show spacing and\n * proportion, which is exactly what an icon font flattens away.\n */\n\n/** The glyph's own footprint, so every tile in a picker lines up. */\nconst FRAME = { width: 32, height: 24, display: \"flex\" } as const;\n\n/** Active tiles use the accent; the rest stay muted so the choice reads at a glance. */\nfunction barColor(active: boolean): string {\n  return active ? \"primary.main\" : \"action.disabled\";\n}\n\n/** Three rows at a given gap — the density preview for the table and list. */\nexport function RowsGlyph({ gap, active }: { gap: number; active: boolean }): React.JSX.Element {\n  return (\n    <Box sx={{ ...FRAME, flexDirection: \"column\", justifyContent: \"center\", gap: `${gap}px` }}>\n      {[0, 1, 2].map((index) => (\n        <Box key={index} sx={{ height: 2, width: \"100%\", borderRadius: 1, bgcolor: barColor(active) }} />\n      ))}\n    </Box>\n  );\n}\n\n/** A dense block grid — the table layout. */\nexport function TableGlyph({ active }: { active: boolean }): React.JSX.Element {\n  return (\n    <Box sx={{ ...FRAME, display: \"grid\", gridTemplateColumns: \"repeat(3, 1fr)\", gap: \"2px\" }}>\n      {Array.from({ length: 9 }).map((_, index) => (\n        <Box\n          key={index}\n          sx={{ borderRadius: 0.5, bgcolor: barColor(active), opacity: index < 3 ? 1 : 0.55 }}\n        />\n      ))}\n    </Box>\n  );\n}\n\n/** Full-width rows each carrying a leading mark — the list layout. */\nexport function ListGlyph({ active }: { active: boolean }): React.JSX.Element {\n  return (\n    <Box sx={{ ...FRAME, flexDirection: \"column\", justifyContent: \"center\", gap: \"4px\" }}>\n      {[0, 1, 2].map((index) => (\n        <Box\n          key={index}\n          sx={{\n            height: 5,\n            width: \"100%\",\n            borderRadius: 0.5,\n            bgcolor: barColor(active),\n            opacity: 0.7,\n            display: \"flex\",\n            alignItems: \"center\",\n          }}\n        >\n          <Box sx={{ ml: \"2px\", height: 3, width: 3, borderRadius: \"50%\", bgcolor: \"background.paper\" }} />\n        </Box>\n      ))}\n    </Box>\n  );\n}\n\n/**\n * A grid of blocks — the cards layout, and ALSO the cards density preview: `n`\n * is how many fit per row, so \"Muitos / Médio / Poucos\" is shown rather than\n * described.\n */\nexport function GridGlyph({ n = 3, active }: { n?: number; active: boolean }): React.JSX.Element {\n  return (\n    <Box sx={{ ...FRAME, display: \"grid\", gridTemplateColumns: `repeat(${n}, 1fr)`, gap: \"2px\" }}>\n      {Array.from({ length: n * 2 }).map((_, index) => (\n        <Box key={index} sx={{ borderRadius: 0.5, bgcolor: barColor(active) }} />\n      ))}\n    </Box>\n  );\n}\n\n/**\n * Full-height columns, `n` of them — the board's DENSITY, where fewer, wider\n * columns is the comfortable end. Distinct from {@link BoardGlyph}, which\n * stands for the board format itself and shows cards stacked at differing\n * depths; this one is about the columns' width, so the bars are solid.\n */\nexport function ColumnsGlyph({ n, active }: { n: number; active: boolean }): React.JSX.Element {\n  return (\n    <Box sx={{ ...FRAME, gap: \"2px\" }}>\n      {Array.from({ length: n }).map((_, column) => (\n        <Box key={column} sx={{ flex: 1, borderRadius: 0.5, bgcolor: barColor(active) }} />\n      ))}\n    </Box>\n  );\n}\n\n/** Three columns of decreasing height — the board. */\nexport function BoardGlyph({ active }: { active: boolean }): React.JSX.Element {\n  return (\n    <Box sx={{ ...FRAME, gap: \"2px\" }}>\n      {[3, 2, 1].map((count, column) => (\n        <Box key={column} sx={{ flex: 1, display: \"flex\", flexDirection: \"column\", gap: \"2px\" }}>\n          {Array.from({ length: count }).map((_, index) => (\n            <Box key={index} sx={{ height: 5, borderRadius: 0.5, bgcolor: barColor(active) }} />\n          ))}\n        </Box>\n      ))}\n    </Box>\n  );\n}\n"],"mappings":"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","names":["default"]}