@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-JDY37EML.js

@@ -1,246 +0,0 @@
-import {
-  BoardGlyph,
-  ColumnsGlyph,
-  GridGlyph,
-  ListGlyph,
-  RowsGlyph,
-  TableGlyph
-} from "./chunk-SNR537TI.js";
-import {
-  useDataViewsLayout
-} from "./chunk-ZPIMPOHV.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-JDY37EML.js.map

package/dist/chunk-JDY37EML.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-JGOXXKPY.js

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

package/dist/chunk-JGOXXKPY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-columns-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport ArrowDownwardRoundedIcon from \"@mui/icons-material/ArrowDownwardRounded\";\nimport ArrowUpwardRoundedIcon from \"@mui/icons-material/ArrowUpwardRounded\";\nimport DragIndicatorRoundedIcon from \"@mui/icons-material/DragIndicatorRounded\";\nimport Checkbox from \"@mui/material/Checkbox/index.js\";\nimport { useState } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { HideableColumn } from \"./data-views-columns\";\n\n/* ── Colunas ─────────────────────────────────────────────────────────────── */\n\ninterface ColumnsTabProps {\n  columns: HideableColumn[];\n  /** Every column id in the CURRENT order (including non-hideable ones). */\n  order: string[];\n  visibleColumns: string[];\n  onToggle: (id: string, visible: boolean) => void;\n  onReorder: (order: string[]) => void;\n  onShowAll: () => void;\n  onReset: () => void;\n  testIdPrefix: string;\n}\n\n/** Swap the column at `id` with its neighbour `delta` places away. */\nfunction moved(order: string[], id: string, delta: number): string[] {\n  const from = order.indexOf(id);\n  const to = from + delta;\n  if (from < 0 || to < 0 || to >= order.length) return order;\n  const next = [...order];\n  [next[from], next[to]] = [next[to]!, next[from]!];\n  return next;\n}\n\n/**\n * Visibility AND order in one list, because they are the same decision: an\n * operator reordering columns is deciding what to read first, and hiding one is\n * deciding not to read it at all. Drag the grip, or use the arrows — the arrows\n * exist because drag-and-drop is unusable by keyboard and awkward on a phone.\n */\nexport function ColumnsTab({\n  columns,\n  order,\n  visibleColumns,\n  onToggle,\n  onReorder,\n  onShowAll,\n  onReset,\n  testIdPrefix,\n}: ColumnsTabProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const [dragId, setDragId] = useState<string | null>(null);\n  const byId = new Map(columns.map((column) => [column.id, column]));\n  const ordered = order.map((id) => byId.get(id)).filter((column): column is HideableColumn => Boolean(column));\n  // Counted against `columns`, which is the HIDEABLE set — `visibleColumns`\n  // also carries the locked ones (a `hideable: false` id like the row's\n  // identifier), and counting it whole reads \"9 de 8 visíveis\".\n  const visibleHideableCount = visibleColumns.filter((id) => byId.has(id)).length;\n\n  const dropOn = (id: string): void => {\n    if (!dragId || dragId === id) return;\n    const without = order.filter((key) => key !== dragId);\n    without.splice(without.indexOf(id), 0, dragId);\n    onReorder(without);\n    setDragId(null);\n  };\n\n  return (\n    <Box>\n      <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", px: 1.5, py: 1 }}>\n        <Text variant=\"caption\" as=\"span\">\n          <Box component=\"span\" sx={{ color: \"text.secondary\" }} data-testid={`${testIdPrefix}-columns-count`}>\n            {copy.columns.visibleCount(visibleHideableCount, columns.length)}\n          </Box>\n        </Text>\n        <Box sx={{ display: \"flex\", gap: 1 }}>\n          <LinkButton label={copy.columns.showAll} onClick={onShowAll} testId={`${testIdPrefix}-columns-show-all`} />\n          <LinkButton label={copy.columns.reset} onClick={onReset} testId={`${testIdPrefix}-columns-reset`} muted />\n        </Box>\n      </Box>\n      <Text variant=\"caption\" as=\"p\">\n        <Box component=\"span\" sx={{ px: 1.5, pb: 0.5, display: \"block\", color: \"text.disabled\" }}>\n          {copy.columns.dragHint}\n        </Box>\n      </Text>\n      <Box sx={{ px: 0.75, pb: 0.75 }}>\n        {ordered.map((column) => (\n          <ColumnRow\n            key={column.id}\n            column={column}\n            visible={visibleColumns.includes(column.id)}\n            dragging={dragId === column.id}\n            onToggle={onToggle}\n            onDragStart={() => setDragId(column.id)}\n            onDragEnd={() => setDragId(null)}\n            onDrop={() => dropOn(column.id)}\n            onMove={(delta) => onReorder(moved(order, column.id, delta))}\n            testIdPrefix={testIdPrefix}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n}\n\n/** A borderless text action, for the two column resets. */\nfunction LinkButton({\n  label,\n  onClick,\n  testId,\n  muted,\n}: {\n  label: string;\n  onClick: () => void;\n  testId: string;\n  muted?: boolean;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      sx={{\n        border: 0,\n        background: \"none\",\n        cursor: \"pointer\",\n        font: \"inherit\",\n        fontSize: \"0.75rem\",\n        p: 0,\n        color: muted ? \"text.secondary\" : \"primary.main\",\n        \"&:hover\": { textDecoration: \"underline\" },\n      }}\n    >\n      {label}\n    </Box>\n  );\n}\n\ninterface ColumnRowProps {\n  column: HideableColumn;\n  visible: boolean;\n  dragging: boolean;\n  onToggle: (id: string, visible: boolean) => void;\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  onDrop: () => void;\n  onMove: (delta: number) => void;\n  testIdPrefix: string;\n}\n\n/** One column: grip, checkbox, label, and the keyboard-reachable move arrows. */\nfunction ColumnRow({\n  column,\n  visible,\n  dragging,\n  onToggle,\n  onDragStart,\n  onDragEnd,\n  onDrop,\n  onMove,\n  testIdPrefix,\n}: ColumnRowProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      draggable\n      onDragStart={onDragStart}\n      onDragEnd={onDragEnd}\n      onDragOver={(event: React.DragEvent) => event.preventDefault()}\n      onDrop={onDrop}\n      data-testid={`${testIdPrefix}-column-row-${column.id}`}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 0.5,\n        px: 0.75,\n        py: 0.25,\n        borderRadius: 1,\n        opacity: dragging ? 0.4 : 1,\n        \"&:hover\": { bgcolor: \"action.hover\" },\n        \"&:hover .dv-col-move\": { opacity: 1 },\n      }}\n    >\n      <Box component=\"span\" aria-hidden sx={{ display: \"flex\", color: \"action.disabled\", cursor: \"grab\" }}>\n        <DragIndicatorRoundedIcon fontSize=\"small\" />\n      </Box>\n      <Checkbox\n        size=\"small\"\n        checked={visible}\n        onChange={(event) => onToggle(column.id, event.target.checked)}\n        inputProps={{ \"aria-label\": column.label }}\n        data-testid={`${testIdPrefix}-column-toggle-${column.id}`}\n      />\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ flex: 1, color: visible ? \"text.primary\" : \"text.disabled\" }}>\n          {column.label}\n        </Box>\n      </Text>\n      <Box className=\"dv-col-move\" sx={{ ml: \"auto\", display: \"flex\", opacity: 0, transition: \"opacity .15s\" }}>\n        <MoveButton label={copy.columns.moveUp(column.label)} onClick={() => onMove(-1)} up />\n        <MoveButton label={copy.columns.moveDown(column.label)} onClick={() => onMove(1)} />\n      </Box>\n    </Box>\n  );\n}\n\n/** One of the two reorder arrows — the keyboard's path through the drag handle. */\nfunction MoveButton({\n  label,\n  onClick,\n  up,\n}: {\n  label: string;\n  onClick: () => void;\n  up?: boolean;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      aria-label={label}\n      onClick={onClick}\n      sx={{\n        display: \"flex\",\n        border: 0,\n        p: 0.25,\n        background: \"none\",\n        borderRadius: 0.5,\n        cursor: \"pointer\",\n        color: \"text.secondary\",\n        \"&:hover\": { bgcolor: \"action.selected\" },\n      }}\n    >\n      {up ? <ArrowUpwardRoundedIcon sx={{ fontSize: 14 }} /> : <ArrowDownwardRoundedIcon sx={{ fontSize: 14 }} />}\n    </Box>\n  );\n}\n\n"],"mappings":";;;;;;;;;;;AAEA,OAAO,8BAA8B;AACrC,OAAO,4BAA4B;AACnC,OAAO,8BAA8B;AACrC,OAAO,cAAc;AACrB,SAAS,gBAAgB;AAqEf,cAIF,YAJE;AA9CV,SAAS,MAAM,OAAiB,IAAY,OAAyB;AACnE,QAAM,OAAO,MAAM,QAAQ,EAAE;AAC7B,QAAM,KAAK,OAAO;AAClB,MAAI,OAAO,KAAK,KAAK,KAAK,MAAM,MAAM,OAAQ,QAAO;AACrD,QAAM,OAAO,CAAC,GAAG,KAAK;AACtB,GAAC,KAAK,IAAI,GAAG,KAAK,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,GAAI,KAAK,IAAI,CAAE;AAChD,SAAO;AACT;AAQO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,QAAM,OAAO,iBAAiB;AAC9B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAwB,IAAI;AACxD,QAAM,OAAO,IAAI,IAAI,QAAQ,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,MAAM,CAAC,CAAC;AACjE,QAAM,UAAU,MAAM,IAAI,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC,EAAE,OAAO,CAAC,WAAqC,QAAQ,MAAM,CAAC;AAI5G,QAAM,uBAAuB,eAAe,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC,EAAE;AAEzE,QAAM,SAAS,CAAC,OAAqB;AACnC,QAAI,CAAC,UAAU,WAAW,GAAI;AAC9B,UAAM,UAAU,MAAM,OAAO,CAAC,QAAQ,QAAQ,MAAM;AACpD,YAAQ,OAAO,QAAQ,QAAQ,EAAE,GAAG,GAAG,MAAM;AAC7C,cAAU,OAAO;AACjB,cAAU,IAAI;AAAA,EAChB;AAEA,SACE,qBAACA,UAAA,EACC;AAAA,yBAACA,UAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBAAiB,IAAI,KAAK,IAAI,EAAE,GAChG;AAAA,0BAAC,QAAK,SAAQ,WAAU,IAAG,QACzB,8BAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,OAAO,iBAAiB,GAAG,eAAa,GAAG,YAAY,kBAChF,eAAK,QAAQ,aAAa,sBAAsB,QAAQ,MAAM,GACjE,GACF;AAAA,MACA,qBAACA,UAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,KAAK,EAAE,GACjC;AAAA,4BAAC,cAAW,OAAO,KAAK,QAAQ,SAAS,SAAS,WAAW,QAAQ,GAAG,YAAY,qBAAqB;AAAA,QACzG,oBAAC,cAAW,OAAO,KAAK,QAAQ,OAAO,SAAS,SAAS,QAAQ,GAAG,YAAY,kBAAkB,OAAK,MAAC;AAAA,SAC1G;AAAA,OACF;AAAA,IACA,oBAAC,QAAK,SAAQ,WAAU,IAAG,KACzB,8BAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,IAAI,KAAK,IAAI,KAAK,SAAS,SAAS,OAAO,gBAAgB,GACpF,eAAK,QAAQ,UAChB,GACF;AAAA,IACA,oBAACA,UAAA,EAAI,IAAI,EAAE,IAAI,MAAM,IAAI,KAAK,GAC3B,kBAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,SAAS,eAAe,SAAS,OAAO,EAAE;AAAA,QAC1C,UAAU,WAAW,OAAO;AAAA,QAC5B;AAAA,QACA,aAAa,MAAM,UAAU,OAAO,EAAE;AAAA,QACtC,WAAW,MAAM,UAAU,IAAI;AAAA,QAC/B,QAAQ,MAAM,OAAO,OAAO,EAAE;AAAA,QAC9B,QAAQ,CAAC,UAAU,UAAU,MAAM,OAAO,OAAO,IAAI,KAAK,CAAC;AAAA,QAC3D;AAAA;AAAA,MATK,OAAO;AAAA,IAUd,CACD,GACH;AAAA,KACF;AAEJ;AAGA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACF,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,UAAU;AAAA,QACV,GAAG;AAAA,QACH,OAAO,QAAQ,mBAAmB;AAAA,QAClC,WAAW,EAAE,gBAAgB,YAAY;AAAA,MAC3C;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAeA,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,QAAM,OAAO,iBAAiB;AAC9B,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA,YAAY,CAAC,UAA2B,MAAM,eAAe;AAAA,MAC7D;AAAA,MACA,eAAa,GAAG,YAAY,eAAe,OAAO,EAAE;AAAA,MACpD,IAAI;AAAA,QACF,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,cAAc;AAAA,QACd,SAAS,WAAW,MAAM;AAAA,QAC1B,WAAW,EAAE,SAAS,eAAe;AAAA,QACrC,wBAAwB,EAAE,SAAS,EAAE;AAAA,MACvC;AAAA,MAEA;AAAA,4BAACA,UAAA,EAAI,WAAU,QAAO,eAAW,MAAC,IAAI,EAAE,SAAS,QAAQ,OAAO,mBAAmB,QAAQ,OAAO,GAChG,8BAAC,4BAAyB,UAAS,SAAQ,GAC7C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,UAAU,CAAC,UAAU,SAAS,OAAO,IAAI,MAAM,OAAO,OAAO;AAAA,YAC7D,YAAY,EAAE,cAAc,OAAO,MAAM;AAAA,YACzC,eAAa,GAAG,YAAY,kBAAkB,OAAO,EAAE;AAAA;AAAA,QACzD;AAAA,QACA,oBAAC,QAAK,SAAQ,WAAU,IAAG,QACzB,8BAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,MAAM,GAAG,OAAO,UAAU,iBAAiB,gBAAgB,GACpF,iBAAO,OACV,GACF;AAAA,QACA,qBAACA,UAAA,EAAI,WAAU,eAAc,IAAI,EAAE,IAAI,QAAQ,SAAS,QAAQ,SAAS,GAAG,YAAY,eAAe,GACrG;AAAA,8BAAC,cAAW,OAAO,KAAK,QAAQ,OAAO,OAAO,KAAK,GAAG,SAAS,MAAM,OAAO,EAAE,GAAG,IAAE,MAAC;AAAA,UACpF,oBAAC,cAAW,OAAO,KAAK,QAAQ,SAAS,OAAO,KAAK,GAAG,SAAS,MAAM,OAAO,CAAC,GAAG;AAAA,WACpF;AAAA;AAAA;AAAA,EACF;AAEJ;AAGA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAIsB;AACpB,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,cAAY;AAAA,MACZ;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,EAAE,SAAS,kBAAkB;AAAA,MAC1C;AAAA,MAEC,eAAK,oBAAC,0BAAuB,IAAI,EAAE,UAAU,GAAG,GAAG,IAAK,oBAAC,4BAAyB,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA;AAAA,EAC3G;AAEJ;","names":["default"]}

package/dist/chunk-JIKWZDNK.js

@@ -1,147 +0,0 @@
-import {
-  ERROR_ICON_BOX,
-  ERROR_ICON_BOX_OPACITY,
-  ERROR_ICON_SIZE,
-  ERROR_MESSAGE_LINE_HEIGHT,
-  ERROR_MESSAGE_MAX_WIDTH,
-  ERROR_STATE_GAP_UNITS,
-  ERROR_STATE_MIN_HEIGHT,
-  ERROR_STATE_PADDING_UNITS,
-  ERROR_TEXT_GAP_UNITS,
-  RETRY_MARGIN_TOP_UNITS,
-  RETRY_MIN_WIDTH
-} from "./chunk-TLGGVE56.js";
-import {
-  resolveTestId
-} from "./chunk-TYJR4GOF.js";
-
-// src/components/data-display/ErrorState/ErrorState.tsx
-import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
-import RefreshIcon from "@mui/icons-material/Refresh";
-import WarningAmberIcon from "@mui/icons-material/WarningAmber";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `error-state-${suffix}`;
-var paletteFor = (theme, severity) => severity === "error" ? theme.palette.error : theme.palette.warning;
-var ErrorIcon = ({ severity, icon, testId }) => {
-  const theme = useTheme();
-  const color = paletteFor(theme, severity);
-  const Fallback = severity === "error" ? ErrorOutlineIcon : WarningAmberIcon;
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-testid": testId,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: ERROR_ICON_BOX,
-        height: ERROR_ICON_BOX,
-        borderRadius: "50%",
-        backgroundColor: color.light,
-        opacity: ERROR_ICON_BOX_OPACITY
-      },
-      children: icon || /* @__PURE__ */ jsx(Fallback, { sx: { fontSize: ERROR_ICON_SIZE, color: color.main } })
-    }
-  );
-};
-var ErrorText = ({ title, message, titleId, testId }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(Stack, { spacing: ERROR_TEXT_GAP_UNITS, alignItems: "center", children: [
-    title && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        id: titleId,
-        variant: "h6",
-        component: "h3",
-        "data-testid": testId("title"),
-        sx: {
-          fontWeight: theme.typography.fontWeightMedium,
-          color: theme.palette.text.primary
-        },
-        children: title
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        id: `${titleId}-message`,
-        variant: "body2",
-        color: "text.secondary",
-        "data-testid": testId("message"),
-        sx: {
-          maxWidth: ERROR_MESSAGE_MAX_WIDTH,
-          lineHeight: ERROR_MESSAGE_LINE_HEIGHT
-        },
-        children: message
-      }
-    )
-  ] });
-};
-var ErrorState = React.memo((props) => {
-  const {
-    message,
-    title,
-    onRetry,
-    retryLabel = "Retry",
-    severity = "error",
-    icon,
-    className
-  } = props;
-  const theme = useTheme();
-  const titleId = React.useId();
-  const dataTestId = resolveTestId(props);
-  const testId = makeTestId(dataTestId);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: "alert",
-      "aria-labelledby": title ? titleId : void 0,
-      "aria-describedby": `${titleId}-message`,
-      className,
-      "data-testid": dataTestId || "error-state",
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        textAlign: "center",
-        padding: theme.spacing(ERROR_STATE_PADDING_UNITS),
-        minHeight: ERROR_STATE_MIN_HEIGHT,
-        gap: theme.spacing(ERROR_STATE_GAP_UNITS)
-      },
-      children: [
-        /* @__PURE__ */ jsx(ErrorIcon, { severity, icon, testId: testId("icon") }),
-        /* @__PURE__ */ jsx(ErrorText, { title, message, titleId, testId }),
-        onRetry && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outlined",
-            color: severity,
-            onClick: onRetry,
-            startIcon: /* @__PURE__ */ jsx(RefreshIcon, {}),
-            "data-testid": testId("retry-button"),
-            sx: {
-              mt: theme.spacing(RETRY_MARGIN_TOP_UNITS),
-              minWidth: RETRY_MIN_WIDTH
-            },
-            children: retryLabel
-          }
-        )
-      ]
-    }
-  );
-});
-ErrorState.displayName = "ErrorState";
-var ErrorState_default = ErrorState;
-
-export {
-  ErrorState,
-  ErrorState_default
-};
-//# sourceMappingURL=chunk-JIKWZDNK.js.map