@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-YRRVE2Q2.js

@@ -0,0 +1,132 @@
+import {
+  withDefaults
+} from "./chunk-HPK33ACY.js";
+
+// src/components/form/Input/text-field-slim.tsx
+import {
+  FilledInput,
+  FormControl,
+  FormHelperText,
+  Input as StandardInput,
+  InputLabel,
+  OutlinedInput,
+  styled
+} from "@mui/material";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var VARIANT_COMPONENT = {
+  standard: StandardInput,
+  filled: FilledInput,
+  outlined: OutlinedInput
+};
+var TEXT_FIELD_ROOT_CLASS = "MuiTextField-root";
+var TextFieldSlimRoot = styled(FormControl, {
+  name: "MuiTextField",
+  slot: "Root",
+  overridesResolver: (_props, styles) => styles.root
+})({});
+var DEFAULTS = {
+  autoFocus: false,
+  color: "primary",
+  disabled: false,
+  error: false,
+  fullWidth: false,
+  multiline: false,
+  required: false,
+  variant: "outlined"
+};
+function idsOf(props, generated) {
+  const id = props.id ?? generated;
+  return {
+    id,
+    helperTextId: props.helperText && id ? `${id}-helper-text` : void 0,
+    inputLabelId: props.label && id ? `${id}-label` : void 0
+  };
+}
+function outlinedPropsOf(props) {
+  if (props.variant !== "outlined") return {};
+  const shrink = props.InputLabelProps?.shrink;
+  return { label: props.label, ...shrink === void 0 ? {} : { notched: shrink } };
+}
+var CONSUMED_BY_FIELD = /* @__PURE__ */ new Set([
+  "autoComplete",
+  "autoFocus",
+  "children",
+  "className",
+  "defaultValue",
+  "FormHelperTextProps",
+  "helperText",
+  "id",
+  "InputLabelProps",
+  "inputProps",
+  "InputProps",
+  "inputRef",
+  "label",
+  "maxRows",
+  "minRows",
+  "multiline",
+  "name",
+  "onBlur",
+  "onChange",
+  "onFocus",
+  "placeholder",
+  "rows",
+  "type",
+  "value"
+]);
+function rootPropsOf(props) {
+  return Object.fromEntries(
+    Object.entries(props).filter(([key]) => !CONSUMED_BY_FIELD.has(key))
+  );
+}
+function fieldPropsOf(props, ids) {
+  return {
+    "aria-describedby": ids.helperTextId,
+    autoComplete: props.autoComplete,
+    autoFocus: props.autoFocus,
+    defaultValue: props.defaultValue,
+    fullWidth: props.fullWidth,
+    multiline: props.multiline,
+    name: props.name,
+    rows: props.rows,
+    maxRows: props.maxRows,
+    minRows: props.minRows,
+    type: props.type,
+    value: props.value,
+    id: ids.id,
+    inputRef: props.inputRef,
+    onBlur: props.onBlur,
+    onChange: props.onChange,
+    onFocus: props.onFocus,
+    placeholder: props.placeholder,
+    inputProps: props.inputProps,
+    ...outlinedPropsOf(props),
+    ...props.InputProps
+  };
+}
+var TextFieldSlim = React.forwardRef(
+  function TextFieldSlim2(rawProps, ref) {
+    const props = withDefaults(rawProps, DEFAULTS);
+    const ids = idsOf(rawProps, React.useId());
+    const InputComponent = VARIANT_COMPONENT[props.variant ?? "outlined"];
+    const { label, helperText } = props;
+    return /* @__PURE__ */ jsxs(
+      TextFieldSlimRoot,
+      {
+        className: [TEXT_FIELD_ROOT_CLASS, props.className].filter(Boolean).join(" "),
+        ref,
+        ...rootPropsOf(props),
+        children: [
+          label !== null && label !== void 0 && label !== "" ? /* @__PURE__ */ jsx(InputLabel, { htmlFor: ids.id, id: ids.inputLabelId, ...props.InputLabelProps, children: label }) : null,
+          /* @__PURE__ */ jsx(InputComponent, { ...fieldPropsOf(props, ids) }),
+          helperText ? /* @__PURE__ */ jsx(FormHelperText, { id: ids.helperTextId, ...props.FormHelperTextProps, children: helperText }) : null
+        ]
+      }
+    );
+  }
+);
+
+export {
+  TextFieldSlim
+};
+//# sourceMappingURL=chunk-YRRVE2Q2.js.map

package/dist/chunk-YRRVE2Q2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/text-field-slim.tsx"],"sourcesContent":["'use client';\n\n/**\n * `TextField`, minus the branch nobody in a text field takes.\n *\n * MUI's `TextField` is a small composition — a `FormControl` root, an optional\n * `InputLabel`, one of the three input variants, an optional `FormHelperText` —\n * around one branch: `select`. That branch is worth a fortune. `TextField`\n * imports `Select` unconditionally, and `Select` reaches `Menu`, `MenuList`,\n * `Popover`, `NativeSelect`, `List`, `Modal`, `Paper`, `Portal` and `Grow`. Every\n * one of those ships to anyone who renders one text box.\n *\n * Measured in one adopter's storefront, whose header search box is the eager\n * caller: taking that ONE box off `TextField` is worth 35.8 KiB raw and 13\n * fewer `@mui/material` component modules on the critical path — more than any\n * other single item in that bundle.\n *\n * `Input` has never supported `select`: its props are `InputHTMLAttributes`, so\n * no caller can even pass one. The branch was pure cost.\n *\n * ## This is a TRANSCRIPTION, not a redesign\n *\n * Every routing decision below is `TextField`'s, deliberately, down to which\n * props land on the ROOT rather than on the input — including the one that is\n * arguably wrong (an unrecognised HTML attribute goes to the root `div`, which\n * is why `Input` has to route `aria-label` through `inputProps`). Changing any\n * of that here would be a behaviour change wearing a performance change's\n * clothes. `__tests__/text-field-slim.test.tsx` renders this and the real\n * `TextField` side by side and compares the DOM they produce.\n *\n * What is NOT carried over: the `select` branch, the `slots`/`slotProps` API\n * (unreachable through `InputProps`, which is `InputHTMLAttributes`), and the\n * dev-only warning about `children` that only the select branch could emit.\n */\nimport {\n  FilledInput,\n  FormControl,\n  FormHelperText,\n  Input as StandardInput,\n  InputLabel,\n  OutlinedInput,\n  styled,\n} from '@mui/material';\nimport type {\n  FilledInputProps,\n  FormControlProps,\n  FormHelperTextProps,\n  InputBaseComponentProps,\n  InputLabelProps,\n  InputProps as MuiInputProps,\n  OutlinedInputProps,\n} from '@mui/material';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nconst VARIANT_COMPONENT = {\n  standard: StandardInput,\n  filled: FilledInput,\n  outlined: OutlinedInput,\n} as const;\n\n/**\n * `MuiTextField-root`, by hand.\n *\n * `@mui/material` does not re-export `textFieldClasses` from its root barrel,\n * and the deep path that does would import `TextField` — the whole thing this\n * file exists to avoid. So the class name is written out, and the parity test\n * asserts it against a REAL `TextField`'s root rather than against itself.\n *\n * It has to be there at all because it is part of MUI's public surface: two of\n * this package's own suites reach for `.closest('.MuiTextField-root')`, and a\n * consumer's stylesheet may too.\n */\nconst TEXT_FIELD_ROOT_CLASS = 'MuiTextField-root';\n\n/**\n * Named `MuiTextField` so a theme's `components.MuiTextField.styleOverrides`\n * keeps applying. Nothing in this repo sets one today; a consumer's theme is\n * not this package's to break.\n */\nconst TextFieldSlimRoot = styled(FormControl, {\n  name: 'MuiTextField',\n  slot: 'Root',\n  overridesResolver: (_props, styles) => styles.root,\n})({});\n\nexport interface TextFieldSlimProps\n  extends Omit<FormControlProps, 'onChange' | 'onBlur' | 'onFocus' | 'defaultValue'> {\n  autoComplete?: string;\n  autoFocus?: boolean;\n  defaultValue?: unknown;\n  helperText?: React.ReactNode;\n  label?: React.ReactNode;\n  maxRows?: number | string;\n  minRows?: number | string;\n  multiline?: boolean;\n  name?: string;\n  placeholder?: string;\n  rows?: number | string;\n  type?: React.InputHTMLAttributes<HTMLInputElement>['type'];\n  value?: unknown;\n  inputRef?: React.Ref<unknown>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /** Props for the rendered input variant. */\n  InputProps?: Partial<MuiInputProps & FilledInputProps & OutlinedInputProps>;\n  /**\n   * Props for the `<input>` itself — where an `aria-label` has to ride.\n   *\n   * MUI's own type, because it is deliberately open: a caller puts `data-*`\n   * and `aria-*` here precisely because the root would swallow them, and\n   * `InputHTMLAttributes` alone rejects both.\n   */\n  inputProps?: InputBaseComponentProps;\n  InputLabelProps?: Partial<InputLabelProps>;\n  FormHelperTextProps?: Partial<FormHelperTextProps>;\n}\n\n/**\n * `TextField`'s own defaults, as a table.\n *\n * One `= default` per destructured prop is one branch per prop, and eight of\n * them put this component over the complexity bar before it rendered anything —\n * which is the same reason `AppHeader` keeps its defaults in a table. The values\n * are `TextField`'s, unchanged; the parity test would fail if any drifted.\n */\nconst DEFAULTS: Partial<TextFieldSlimProps> = {\n  autoFocus: false,\n  color: 'primary',\n  disabled: false,\n  error: false,\n  fullWidth: false,\n  multiline: false,\n  required: false,\n  variant: 'outlined',\n};\n\n/** The two ids a labelled, described field needs, and the input's own. */\nfunction idsOf(props: TextFieldSlimProps, generated: string): {\n  id: string;\n  helperTextId: string | undefined;\n  inputLabelId: string | undefined;\n} {\n  const id = props.id ?? generated;\n  return {\n    id,\n    helperTextId: props.helperText && id ? `${id}-helper-text` : undefined,\n    inputLabelId: props.label && id ? `${id}-label` : undefined,\n  };\n}\n\n/**\n * What only the OUTLINED variant needs: it draws its own notch around the\n * label, so it has to be told the label and whether the caller pinned it shrunk\n * (FUT-729's `shrink` case).\n */\nfunction outlinedPropsOf(props: TextFieldSlimProps): Record<string, unknown> {\n  if (props.variant !== 'outlined') return {};\n  const shrink = props.InputLabelProps?.shrink;\n  return { label: props.label, ...(shrink === undefined ? {} : { notched: shrink }) };\n}\n\ninterface FieldIds {\n  id: string;\n  helperTextId: string | undefined;\n  inputLabelId: string | undefined;\n}\n\n/**\n * Everything the input (or this component) consumes by name.\n *\n * A key LIST rather than the omit-by-destructuring idiom, which would name\n * twenty-four bindings only to leave every one of them unused — twenty-four\n * lint warnings, in a package that allows none.\n *\n * `fullWidth`, `disabled`, `error`, `required`, `color` and `variant` are\n * deliberately absent: `TextField` hands those to the root, and `fullWidth` to\n * both.\n */\nconst CONSUMED_BY_FIELD: ReadonlySet<string> = new Set([\n  'autoComplete', 'autoFocus', 'children', 'className', 'defaultValue',\n  'FormHelperTextProps', 'helperText', 'id', 'InputLabelProps', 'inputProps',\n  'InputProps', 'inputRef', 'label', 'maxRows', 'minRows', 'multiline', 'name',\n  'onBlur', 'onChange', 'onFocus', 'placeholder', 'rows', 'type', 'value',\n]);\n\n/**\n * What the ROOT `FormControl` gets: the props `TextField` hands it by name,\n * plus everything it did not recognise.\n *\n * That second half is `TextField`'s behaviour and not a choice made here: an\n * unrecognised HTML attribute lands on the root `div`, which is why `Input` has\n * to route `aria-label` through `inputProps`. The parity test pins it.\n */\nfunction rootPropsOf(props: TextFieldSlimProps): Record<string, unknown> {\n  return Object.fromEntries(\n    Object.entries(props).filter(([key]) => !CONSUMED_BY_FIELD.has(key)),\n  );\n}\n\n/** What the INPUT gets, by name, exactly as `TextField` names them. */\nfunction fieldPropsOf(props: TextFieldSlimProps, ids: FieldIds): Record<string, unknown> {\n  return {\n    'aria-describedby': ids.helperTextId,\n    autoComplete: props.autoComplete,\n    autoFocus: props.autoFocus,\n    defaultValue: props.defaultValue,\n    fullWidth: props.fullWidth,\n    multiline: props.multiline,\n    name: props.name,\n    rows: props.rows,\n    maxRows: props.maxRows,\n    minRows: props.minRows,\n    type: props.type,\n    value: props.value,\n    id: ids.id,\n    inputRef: props.inputRef,\n    onBlur: props.onBlur,\n    onChange: props.onChange,\n    onFocus: props.onFocus,\n    placeholder: props.placeholder,\n    inputProps: props.inputProps,\n    ...outlinedPropsOf(props),\n    ...props.InputProps,\n  };\n}\n\nexport const TextFieldSlim = React.forwardRef<HTMLDivElement, TextFieldSlimProps>(\n  function TextFieldSlim(rawProps, ref) {\n    const props = withDefaults(rawProps, DEFAULTS);\n    // `TextField` uses `@mui/utils`'s `useId`, which is React's with a fallback\n    // for React 17. The peer here is React 19, so React's own is the same thing\n    // without the dependency. The override still wins, exactly as it did — and\n    // it is read from the RAW props, before `withDefaults` could supply one.\n    const ids = idsOf(rawProps, React.useId());\n    const InputComponent = VARIANT_COMPONENT[props.variant ?? 'outlined'];\n    const { label, helperText } = props;\n\n    return (\n      <TextFieldSlimRoot\n        className={[TEXT_FIELD_ROOT_CLASS, props.className].filter(Boolean).join(' ')}\n        ref={ref}\n        {...rootPropsOf(props)}\n      >\n        {label !== null && label !== undefined && label !== '' ? (\n          <InputLabel htmlFor={ids.id} id={ids.inputLabelId} {...props.InputLabelProps}>\n            {label}\n          </InputLabel>\n        ) : null}\n        <InputComponent {...fieldPropsOf(props, ids)} />\n        {helperText ? (\n          <FormHelperText id={ids.helperTextId} {...props.FormHelperTextProps}>\n            {helperText}\n          </FormHelperText>\n        ) : null}\n      </TextFieldSlimRoot>\n    );\n  },\n);\n"],"mappings":"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","names":["TextFieldSlim"]}

package/dist/chunk-YSTIA37W.js

@@ -0,0 +1,79 @@
+import {
+  METRICS,
+  footerSx
+} from "./chunk-5WN6ZIAH.js";
+
+// src/components/form/CategorySelect/CategoryPanelFoot.tsx
+import { Box, Button } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var buttonSx = (sheet) => ({
+  height: sheet ? METRICS.sheetFooterButton : METRICS.footerButton,
+  padding: "0 13px",
+  borderRadius: "8px",
+  fontSize: 12.5,
+  fontWeight: 600,
+  textTransform: "none",
+  minWidth: 0
+});
+function CategoryMultiFoot({
+  count,
+  changed,
+  sheet,
+  onClear,
+  onApply,
+  dataTestId,
+  copy
+}) {
+  return /* @__PURE__ */ jsxs(Box, { sx: footerSx, "data-testid": `${dataTestId}-footer`, children: [
+    /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: 12, color: "text.secondary" }, children: copy.footer.selectedCount(count) }),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", gap: "6px" }, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outlined",
+          disabled: count === 0,
+          sx: buttonSx(sheet),
+          onClick: onClear,
+          "data-testid": `${dataTestId}-clear`,
+          children: copy.footer.clear
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "contained",
+          sx: buttonSx(sheet),
+          onClick: onApply,
+          "data-testid": `${dataTestId}-apply`,
+          children: changed ? copy.footer.apply : copy.footer.close
+        }
+      )
+    ] })
+  ] });
+}
+function CategorySingleFoot({
+  sheet,
+  onCancel,
+  dataTestId,
+  copy
+}) {
+  return /* @__PURE__ */ jsxs(Box, { sx: footerSx, "data-testid": `${dataTestId}-footer`, children: [
+    /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontSize: 12, color: "text.secondary" }, children: copy.footer.singleHint }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outlined",
+        sx: buttonSx(sheet),
+        onClick: onCancel,
+        "data-testid": `${dataTestId}-cancel`,
+        children: copy.footer.cancel
+      }
+    )
+  ] });
+}
+
+export {
+  CategoryMultiFoot,
+  CategorySingleFoot
+};
+//# sourceMappingURL=chunk-YSTIA37W.js.map

package/dist/chunk-YSTIA37W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelFoot.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Button } from '@mui/material';\n\nimport type { CategorySelectCopy } from '../../../copy';\nimport { footerSx, METRICS } from './CategorySelect.styles';\n\nconst buttonSx = (sheet: boolean) =>\n  ({\n    height: sheet ? METRICS.sheetFooterButton : METRICS.footerButton,\n    padding: '0 13px',\n    borderRadius: '8px',\n    fontSize: 12.5,\n    fontWeight: 600,\n    textTransform: 'none',\n    minWidth: 0,\n  }) as const;\n\ninterface MultiFootProps {\n  count: number;\n  /** False once the draft matches what is already applied — Apply becomes Close. */\n  changed: boolean;\n  sheet: boolean;\n  onClear: () => void;\n  onApply: () => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\n/**\n * Multi-select footer: the running count, Clear, and the Apply that publishes\n * the draft. The primary button reads \"Fechar\" when nothing changed, so it never\n * promises an update it would not make.\n */\nexport function CategoryMultiFoot({\n  count,\n  changed,\n  sheet,\n  onClear,\n  onApply,\n  dataTestId,\n  copy,\n}: MultiFootProps): React.JSX.Element {\n  return (\n    <Box sx={footerSx} data-testid={`${dataTestId}-footer`}>\n      <Box component=\"span\" sx={{ fontSize: 12, color: 'text.secondary' }}>\n        {copy.footer.selectedCount(count)}\n      </Box>\n      <Box sx={{ display: 'flex', gap: '6px' }}>\n        <Button\n          variant=\"outlined\"\n          disabled={count === 0}\n          sx={buttonSx(sheet)}\n          onClick={onClear}\n          data-testid={`${dataTestId}-clear`}\n        >\n          {copy.footer.clear}\n        </Button>\n        <Button\n          variant=\"contained\"\n          sx={buttonSx(sheet)}\n          onClick={onApply}\n          data-testid={`${dataTestId}-apply`}\n        >\n          {changed ? copy.footer.apply : copy.footer.close}\n        </Button>\n      </Box>\n    </Box>\n  );\n}\n\n/** Single-select footer: a hint and a way out. Picking a row commits directly. */\nexport function CategorySingleFoot({\n  sheet,\n  onCancel,\n  dataTestId,\n  copy,\n}: {\n  sheet: boolean;\n  onCancel: () => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  return (\n    <Box sx={footerSx} data-testid={`${dataTestId}-footer`}>\n      <Box component=\"span\" sx={{ fontSize: 12, color: 'text.secondary' }}>\n        {copy.footer.singleHint}\n      </Box>\n      <Button\n        variant=\"outlined\"\n        sx={buttonSx(sheet)}\n        onClick={onCancel}\n        data-testid={`${dataTestId}-cancel`}\n      >\n        {copy.footer.cancel}\n      </Button>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAEA,SAAS,KAAK,cAAc;AA2CtB,cAGA,YAHA;AAtCN,IAAM,WAAW,CAAC,WACf;AAAA,EACC,QAAQ,QAAQ,QAAQ,oBAAoB,QAAQ;AAAA,EACpD,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,UAAU;AACZ;AAkBK,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,SACE,qBAAC,OAAI,IAAI,UAAU,eAAa,GAAG,UAAU,WAC3C;AAAA,wBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,UAAU,IAAI,OAAO,iBAAiB,GAC/D,eAAK,OAAO,cAAc,KAAK,GAClC;AAAA,IACA,qBAAC,OAAI,IAAI,EAAE,SAAS,QAAQ,KAAK,MAAM,GACrC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,UAAU,UAAU;AAAA,UACpB,IAAI,SAAS,KAAK;AAAA,UAClB,SAAS;AAAA,UACT,eAAa,GAAG,UAAU;AAAA,UAEzB,eAAK,OAAO;AAAA;AAAA,MACf;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,IAAI,SAAS,KAAK;AAAA,UAClB,SAAS;AAAA,UACT,eAAa,GAAG,UAAU;AAAA,UAEzB,oBAAU,KAAK,OAAO,QAAQ,KAAK,OAAO;AAAA;AAAA,MAC7C;AAAA,OACF;AAAA,KACF;AAEJ;AAGO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKsB;AACpB,SACE,qBAAC,OAAI,IAAI,UAAU,eAAa,GAAG,UAAU,WAC3C;AAAA,wBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,UAAU,IAAI,OAAO,iBAAiB,GAC/D,eAAK,OAAO,YACf;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,IAAI,SAAS,KAAK;AAAA,QAClB,SAAS;AAAA,QACT,eAAa,GAAG,UAAU;AAAA,QAEzB,eAAK,OAAO;AAAA;AAAA,IACf;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-YWFTXJI3.js

@@ -0,0 +1,290 @@
+import {
+  TABLE_DEFAULTS,
+  definedProps
+} from "./chunk-MTFCPPZ5.js";
+import {
+  EmptyRow,
+  NoDataPlaceholder
+} from "./chunk-FJQ6YFDQ.js";
+import {
+  EnhancedTableBody,
+  EnhancedTableHeader
+} from "./chunk-Q72ZRUOB.js";
+import {
+  tableStyles
+} from "./chunk-4HD5I7QO.js";
+import {
+  useTableSelection
+} from "./chunk-UUXNFPCP.js";
+
+// src/components/data-display/Table/Table.tsx
+import MoreVertIcon from "@mui/icons-material/MoreVert";
+import {
+  Box,
+  FormControlLabel,
+  IconButton,
+  Menu,
+  MenuItem,
+  Skeleton,
+  Switch,
+  Table as MuiTable,
+  TableBody,
+  TableCell,
+  TableContainer,
+  TableRow
+} from "@mui/material";
+import { styled } from "@mui/material";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var StyledTableContainer = styled(TableContainer, {
+  shouldForwardProp: (prop) => !["virtualScrolling", "containerHeight"].includes(prop)
+})(({ virtualScrolling, containerHeight }) => ({
+  ...virtualScrolling && {
+    height: containerHeight || 400,
+    overflow: "auto"
+  }
+}));
+var StyledTable = styled(MuiTable, {
+  shouldForwardProp: (prop) => !["customVariant", "glow", "pulse", "hoverable", "density", "stickyHeader", "stripeColor"].includes(prop)
+})(({ theme, customVariant, glow, pulse, hoverable, density, stickyHeader, stripeColor = "neutral" }) => {
+  return tableStyles({
+    theme,
+    customVariant,
+    glow,
+    pulse,
+    hoverable,
+    density,
+    stickyHeader,
+    stripeColor
+  });
+});
+var TableShell = ({
+  innerRef,
+  variant,
+  stripeColor,
+  glow,
+  pulse,
+  hoverable,
+  density,
+  stickyHeader,
+  header,
+  rest,
+  children
+}) => /* @__PURE__ */ jsx(StyledTableContainer, { children: /* @__PURE__ */ jsxs(
+  StyledTable,
+  {
+    ref: innerRef,
+    customVariant: variant,
+    stripeColor,
+    glow,
+    pulse,
+    hoverable,
+    density,
+    stickyHeader,
+    ...rest,
+    children: [
+      header,
+      children
+    ]
+  }
+) });
+var SKELETON_ROW_COUNT = 5;
+var LoadingSkeletonRows = ({ columns }) => /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: SKELETON_ROW_COUNT }, (_, index) => /* @__PURE__ */ jsx(TableRow, { children: columns?.map((column) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { height: 20 }) }, column.key)) }, index)) });
+var ColumnToggleMenu = ({ columns, hiddenColumns, anchor, setAnchor, setHiddenColumns }) => /* @__PURE__ */ jsxs(Box, { position: "absolute", top: 8, right: 8, children: [
+  /* @__PURE__ */ jsx(IconButton, { onClick: (event) => setAnchor(event.currentTarget), size: "small", children: /* @__PURE__ */ jsx(MoreVertIcon, {}) }),
+  /* @__PURE__ */ jsx(Menu, { anchorEl: anchor, open: Boolean(anchor), onClose: () => setAnchor(null), children: columns.map((column, index) => /* @__PURE__ */ jsx(MenuItem, { children: /* @__PURE__ */ jsx(
+    FormControlLabel,
+    {
+      control: /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: !hiddenColumns.includes(index),
+          onChange: (event) => setHiddenColumns(
+            event.target.checked ? hiddenColumns.filter((i) => i !== index) : [...hiddenColumns, index]
+          ),
+          size: "small"
+        }
+      ),
+      label: column.label
+    }
+  ) }, column.key)) })
+] });
+var columnsFor = (resolved, selection) => (resolved.responsive ? selection.visibleColumns : resolved.columns) ?? [];
+var showsColumnToggle = (resolved, selection) => Boolean(
+  resolved.responsive && selection.isMobile && resolved.showColumnToggle && selection.hiddenColumns.length > 0
+);
+var AdvancedTable = ({ resolved: p, selection, innerRef, rest }) => {
+  const finalColumns = columnsFor(p, selection);
+  const showToggle = showsColumnToggle(p, selection);
+  return /* @__PURE__ */ jsxs(Box, { position: "relative", children: [
+    /* @__PURE__ */ jsx(
+      StyledTableContainer,
+      {
+        virtualScrolling: p.virtualScrolling,
+        containerHeight: p.containerHeight,
+        children: /* @__PURE__ */ jsxs(
+          StyledTable,
+          {
+            ref: innerRef,
+            customVariant: p.variant,
+            stripeColor: p.stripeColor,
+            glow: p.glow,
+            pulse: p.pulse,
+            hoverable: p.hoverable,
+            density: p.density,
+            stickyHeader: p.stickyHeader,
+            ...rest,
+            children: [
+              /* @__PURE__ */ jsx(
+                EnhancedTableHeader,
+                {
+                  columns: finalColumns,
+                  data: p.data ?? [],
+                  sortable: p.sortable,
+                  sortConfig: p.sortConfig,
+                  onSortChange: p.onSortChange,
+                  selectable: p.selectable,
+                  selectedRows: p.selectedRows,
+                  onSelectAll: selection.handleSelectAll,
+                  density: p.density,
+                  stickyHeader: p.stickyHeader
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                EnhancedTableBody,
+                {
+                  data: p.data ?? [],
+                  columns: finalColumns,
+                  selectedRows: p.selectedRows,
+                  onRowClick: p.onRowClick,
+                  onRowFocus: p.onRowFocus,
+                  onRowBlur: p.onRowBlur,
+                  onSelectionChange: selection.handleSelectionChange,
+                  rowKeyExtractor: p.rowKeyExtractor,
+                  density: p.density,
+                  selectable: p.selectable,
+                  hoverable: p.hoverable,
+                  renderRow: p.renderRow,
+                  renderCell: p.renderCell,
+                  virtualScrolling: p.virtualScrolling,
+                  containerHeight: typeof p.containerHeight === "number" ? p.containerHeight : void 0,
+                  rowHeight: p.rowHeight,
+                  overscan: p.overscan
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    showToggle && /* @__PURE__ */ jsx(
+      ColumnToggleMenu,
+      {
+        columns: p.columns ?? [],
+        hiddenColumns: selection.hiddenColumns,
+        anchor: selection.columnMenuAnchor,
+        setAnchor: selection.setColumnMenuAnchor,
+        setHiddenColumns: selection.setHiddenColumns
+      }
+    )
+  ] });
+};
+var buildShell = ({
+  resolved,
+  selection,
+  innerRef,
+  rest,
+  finalColumns
+}) => ({
+  innerRef,
+  variant: resolved.variant,
+  stripeColor: resolved.stripeColor,
+  glow: resolved.glow,
+  pulse: resolved.pulse,
+  hoverable: resolved.hoverable,
+  density: resolved.density,
+  stickyHeader: resolved.stickyHeader,
+  header: resolved.columns ? /* @__PURE__ */ jsx(
+    EnhancedTableHeader,
+    {
+      columns: finalColumns ?? [],
+      data: [],
+      sortable: resolved.sortable,
+      sortConfig: resolved.sortConfig,
+      onSortChange: resolved.onSortChange,
+      selectable: resolved.selectable,
+      selectedRows: resolved.selectedRows,
+      onSelectAll: selection.handleSelectAll,
+      density: resolved.density,
+      stickyHeader: resolved.stickyHeader
+    }
+  ) : null,
+  rest
+});
+var TableLoadingState = ({ shell, loadingComponent, columns }) => /* @__PURE__ */ jsx(TableShell, { ...shell, children: /* @__PURE__ */ jsx(TableBody, { "data-testid": "table-loading", children: loadingComponent || /* @__PURE__ */ jsx(LoadingSkeletonRows, { columns }) }) });
+var TableEmptyState = ({ shell, emptyStateComponent, emptyText, colSpan }) => /* @__PURE__ */ jsx(TableShell, { ...shell, children: /* @__PURE__ */ jsx(EmptyRow, { colSpan, children: emptyStateComponent || /* @__PURE__ */ jsx(NoDataPlaceholder, { emptyText }) }) });
+var Table = React.forwardRef(
+  (tableProps, ref) => {
+    const resolved = { ...TABLE_DEFAULTS, ...definedProps(tableProps) };
+    const {
+      columns,
+      data,
+      responsive,
+      loading,
+      loadingComponent,
+      emptyStateComponent,
+      emptyText,
+      children,
+      ...props
+    } = resolved;
+    const selection = useTableSelection({
+      columns,
+      data,
+      responsive,
+      columnPriorities: resolved.columnPriorities,
+      selectedRows: resolved.selectedRows ?? [],
+      rowKeyExtractor: resolved.rowKeyExtractor,
+      onSelectionChange: resolved.onSelectionChange
+    });
+    const rest = props;
+    const renderer = { resolved, selection, innerRef: ref, rest };
+    const finalColumns = responsive ? selection.visibleColumns : columns;
+    const shell = buildShell({ ...renderer, finalColumns });
+    if (loading) {
+      return /* @__PURE__ */ jsx(TableLoadingState, { shell, loadingComponent, columns });
+    }
+    if (data && data.length === 0) {
+      return /* @__PURE__ */ jsx(
+        TableEmptyState,
+        {
+          shell,
+          emptyStateComponent,
+          emptyText,
+          colSpan: finalColumns?.length || 1
+        }
+      );
+    }
+    if (columns && data) return /* @__PURE__ */ jsx(AdvancedTable, { ...renderer });
+    return /* @__PURE__ */ jsx(
+      StyledTable,
+      {
+        ref,
+        customVariant: resolved.variant,
+        stripeColor: resolved.stripeColor,
+        glow: resolved.glow,
+        pulse: resolved.pulse,
+        hoverable: resolved.hoverable,
+        density: resolved.density,
+        stickyHeader: resolved.stickyHeader,
+        ...rest,
+        children
+      }
+    );
+  }
+);
+Table.displayName = "Table";
+
+export {
+  Table
+};
+//# sourceMappingURL=chunk-YWFTXJI3.js.map

package/dist/chunk-YWFTXJI3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Table/Table.tsx"],"sourcesContent":["import MoreVertIcon from '@mui/icons-material/MoreVert';\nimport {\n  Box,\n  FormControlLabel,\n  IconButton,\n  Menu,\n  MenuItem,\n  Skeleton,\n  Switch,\n  Table as MuiTable,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableRow\n  } from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport type {\n  ColumnConfig,\n  TableDensity,\n  TableProps,\n  TableStripeColor} from './Table.types';\nimport { TABLE_DEFAULTS, definedProps } from './Table.helpers';\nimport { useTableSelection } from './Table.hooks';\nimport { EnhancedTableBody, EnhancedTableHeader } from './TableParts';\nimport { EmptyRow, NoDataPlaceholder } from './TableStates';\nimport {\n  tableStyles } from './Table.styles';\n\n// Define pulse animation\nconst StyledTableContainer = styled(TableContainer, {\n  shouldForwardProp: (prop) => !['virtualScrolling', 'containerHeight'].includes(prop as string) })<{ \n  virtualScrolling?: boolean; \n  containerHeight?: number | string;\n}>(({ virtualScrolling, containerHeight }) => ({\n  ...(virtualScrolling && {\n    height: containerHeight || 400,\n    overflow: 'auto' }) }));\n\n// Helper function to get stripe color from theme\nconst StyledTable = styled(MuiTable, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'glow', 'pulse', 'hoverable', 'density', 'stickyHeader', 'stripeColor'].includes(prop as string) })<{\n  customVariant?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  hoverable?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  stripeColor?: TableStripeColor;\n}>(({ theme, customVariant, glow, pulse, hoverable, density, stickyHeader, stripeColor = 'neutral' }) => {\n  return tableStyles({\n    theme,\n    customVariant,\n    glow,\n    pulse,\n    hoverable,\n    density,\n    stickyHeader,\n    stripeColor });\n});\n\n// Virtual Scrolling Hook\nconst TableShell: React.FC<{\n  innerRef: React.Ref<globalThis.HTMLTableElement>;\n  variant?: string;\n  stripeColor?: TableStripeColor;\n  glow?: boolean;\n  pulse?: boolean;\n  hoverable?: boolean;\n  density?: TableDensity;\n  stickyHeader?: boolean;\n  header: React.ReactNode;\n  rest: Record<string, unknown>;\n  children: React.ReactNode;\n}> = ({\n  innerRef,\n  variant,\n  stripeColor,\n  glow,\n  pulse,\n  hoverable,\n  density,\n  stickyHeader,\n  header,\n  rest,\n  children }) => (\n  <StyledTableContainer>\n    <StyledTable\n      ref={innerRef}\n      customVariant={variant}\n      stripeColor={stripeColor}\n      glow={glow}\n      pulse={pulse}\n      hoverable={hoverable}\n      density={density}\n      stickyHeader={stickyHeader}\n      {...rest}\n    >\n      {header}\n      {children}\n    </StyledTable>\n  </StyledTableContainer>\n);\n\nconst SKELETON_ROW_COUNT = 5;\n\nconst LoadingSkeletonRows: React.FC<{ columns?: ColumnConfig[] }> = ({ columns }) => (\n  <>\n    {Array.from({ length: SKELETON_ROW_COUNT }, (_, index) => (\n      <TableRow key={index}>\n        {columns?.map((column) => (\n          <TableCell key={column.key}>\n            <Skeleton height={20} />\n          </TableCell>\n        ))}\n      </TableRow>\n    ))}\n  </>\n);\n\nexport type TableShellProps = Omit<React.ComponentProps<typeof TableShell>, 'children'>;\n\ntype Selection = ReturnType<typeof useTableSelection>;\n\ninterface RendererProps {\n  resolved: TableProps;\n  selection: Selection;\n  innerRef: React.Ref<globalThis.HTMLTableElement>;\n  rest: Record<string, unknown>;\n}\n\n// The column-visibility control, shown only when responsive mode has actually\n// hidden something on a narrow viewport.\nconst ColumnToggleMenu: React.FC<{\n  columns: ColumnConfig[];\n  hiddenColumns: number[];\n  anchor: HTMLElement | null;\n  setAnchor: (element: HTMLElement | null) => void;\n  setHiddenColumns: (next: number[]) => void;\n}> = ({ columns, hiddenColumns, anchor, setAnchor, setHiddenColumns }) => (\n  <Box position=\"absolute\" top={8} right={8}>\n    <IconButton onClick={(event) => setAnchor(event.currentTarget)} size=\"small\">\n      <MoreVertIcon />\n    </IconButton>\n    <Menu anchorEl={anchor} open={Boolean(anchor)} onClose={() => setAnchor(null)}>\n      {columns.map((column, index) => (\n        <MenuItem key={column.key}>\n          <FormControlLabel\n            control={\n              <Switch\n                checked={!hiddenColumns.includes(index)}\n                onChange={(event) =>\n                  setHiddenColumns(\n                    event.target.checked\n                      ? hiddenColumns.filter((i: number) => i !== index)\n                      : [...hiddenColumns, index],\n                  )\n                }\n                size=\"small\"\n              />\n            }\n            label={column.label}\n          />\n        </MenuItem>\n      ))}\n    </Menu>\n  </Box>\n);\n\n// The populated table. Local because StyledTableContainer and StyledTable\n// cannot cross a module boundary (TS2742).\nconst columnsFor = (resolved: TableProps, selection: Selection): ColumnConfig[] =>\n  (resolved.responsive ? selection.visibleColumns : resolved.columns) ?? [];\n\n// The toggle only earns its place when responsive mode has actually hidden\n// something on a narrow viewport.\nconst showsColumnToggle = (resolved: TableProps, selection: Selection): boolean =>\n  Boolean(\n    resolved.responsive &&\n      selection.isMobile &&\n      resolved.showColumnToggle &&\n      selection.hiddenColumns.length > 0,\n  );\n\nconst AdvancedTable: React.FC<RendererProps> = ({ resolved: p, selection, innerRef, rest }) => {\n  const finalColumns = columnsFor(p, selection);\n  const showToggle = showsColumnToggle(p, selection);\n\n  return (\n    <Box position=\"relative\">\n      <StyledTableContainer\n        virtualScrolling={p.virtualScrolling}\n        containerHeight={p.containerHeight}\n      >\n        <StyledTable\n          ref={innerRef}\n          customVariant={p.variant}\n          stripeColor={p.stripeColor}\n          glow={p.glow}\n          pulse={p.pulse}\n          hoverable={p.hoverable}\n          density={p.density}\n          stickyHeader={p.stickyHeader}\n          {...rest}\n        >\n          <EnhancedTableHeader\n            columns={finalColumns}\n            data={p.data ?? []}\n            sortable={p.sortable}\n            sortConfig={p.sortConfig}\n            onSortChange={p.onSortChange}\n            selectable={p.selectable}\n            selectedRows={p.selectedRows}\n            onSelectAll={selection.handleSelectAll}\n            density={p.density}\n            stickyHeader={p.stickyHeader}\n          />\n          <EnhancedTableBody\n            data={p.data ?? []}\n            columns={finalColumns}\n            selectedRows={p.selectedRows}\n            onRowClick={p.onRowClick}\n            onRowFocus={p.onRowFocus}\n            onRowBlur={p.onRowBlur}\n            onSelectionChange={selection.handleSelectionChange}\n            rowKeyExtractor={p.rowKeyExtractor}\n            density={p.density}\n            selectable={p.selectable}\n            hoverable={p.hoverable}\n            renderRow={p.renderRow}\n            renderCell={p.renderCell}\n            virtualScrolling={p.virtualScrolling}\n            containerHeight={typeof p.containerHeight === 'number' ? p.containerHeight : undefined}\n            rowHeight={p.rowHeight}\n            overscan={p.overscan}\n          />\n        </StyledTable>\n      </StyledTableContainer>\n\n      {showToggle && (\n        <ColumnToggleMenu\n          columns={p.columns ?? []}\n          hiddenColumns={selection.hiddenColumns}\n          anchor={selection.columnMenuAnchor}\n          setAnchor={selection.setColumnMenuAnchor}\n          setHiddenColumns={selection.setHiddenColumns}\n        />\n      )}\n    </Box>\n  );\n};\n\n// The loading and empty states render the same shell as the populated table, so\n// they share TableShell rather than repeating it three times.\nconst buildShell = ({\n  resolved,\n  selection,\n  innerRef,\n  rest,\n  finalColumns }: RendererProps & { finalColumns?: ColumnConfig[] }) => ({\n  innerRef,\n  variant: resolved.variant,\n  stripeColor: resolved.stripeColor,\n  glow: resolved.glow,\n  pulse: resolved.pulse,\n  hoverable: resolved.hoverable,\n  density: resolved.density,\n  stickyHeader: resolved.stickyHeader,\n  header: resolved.columns ? (\n    <EnhancedTableHeader\n      columns={finalColumns ?? []}\n      data={[]}\n      sortable={resolved.sortable}\n      sortConfig={resolved.sortConfig}\n      onSortChange={resolved.onSortChange}\n      selectable={resolved.selectable}\n      selectedRows={resolved.selectedRows}\n      onSelectAll={selection.handleSelectAll}\n      density={resolved.density}\n      stickyHeader={resolved.stickyHeader}\n    />\n  ) : null,\n  rest: rest as Record<string, unknown> });\n\nconst TableLoadingState: React.FC<{\n  shell: TableShellProps;\n  loadingComponent?: React.ReactNode;\n  columns?: ColumnConfig[];\n}> = ({ shell, loadingComponent, columns }) => (\n  <TableShell {...shell}>\n    <TableBody data-testid=\"table-loading\">\n      {loadingComponent || <LoadingSkeletonRows columns={columns} />}\n    </TableBody>\n  </TableShell>\n);\n\nconst TableEmptyState: React.FC<{\n  shell: TableShellProps;\n  emptyStateComponent?: React.ReactNode;\n  emptyText: string;\n  colSpan: number;\n}> = ({ shell, emptyStateComponent, emptyText, colSpan }) => (\n  <TableShell {...shell}>\n    <EmptyRow colSpan={colSpan}>\n      {emptyStateComponent || <NoDataPlaceholder emptyText={emptyText} />}\n    </EmptyRow>\n  </TableShell>\n);\n\nexport const Table = React.forwardRef<globalThis.HTMLTableElement, TableProps>(\n  (tableProps, ref) => {\n    const resolved = { ...TABLE_DEFAULTS, ...definedProps(tableProps) } as TableProps;\n    const {\n      columns,\n      data,\n      responsive,\n      loading,\n      loadingComponent,\n      emptyStateComponent,\n      emptyText,\n      children,\n      ...props\n    } = resolved;\n\n    const selection = useTableSelection({\n      columns,\n      data,\n      responsive,\n      columnPriorities: resolved.columnPriorities,\n      selectedRows: resolved.selectedRows ?? [],\n      rowKeyExtractor: resolved.rowKeyExtractor,\n      onSelectionChange: resolved.onSelectionChange });\n\n    const rest = props as unknown as Record<string, unknown>;\n    const renderer: RendererProps = { resolved, selection, innerRef: ref, rest };\n    const finalColumns = responsive ? selection.visibleColumns : columns;\n    const shell = buildShell({ ...renderer, finalColumns });\n\n    if (loading) {\n      return (\n        <TableLoadingState shell={shell} loadingComponent={loadingComponent} columns={columns} />\n      );\n    }\n\n    if (data && data.length === 0) {\n      return (\n        <TableEmptyState\n          shell={shell}\n          emptyStateComponent={emptyStateComponent}\n          emptyText={emptyText}\n          colSpan={finalColumns?.length || 1}\n        />\n      );\n    }\n\n    if (columns && data) return <AdvancedTable {...renderer} />;\n\n    // Basic table (backward compatibility)\n    return (\n      <StyledTable\n        ref={ref}\n        customVariant={resolved.variant}\n        stripeColor={resolved.stripeColor}\n        glow={resolved.glow}\n        pulse={resolved.pulse}\n        hoverable={resolved.hoverable}\n        density={resolved.density}\n        stickyHeader={resolved.stickyHeader}\n        {...rest}\n      >\n        {children}\n      </StyledTable>\n    );\n  },\n);\n\nTable.displayName = 'Table';"],"mappings":"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","names":[]}

package/dist/chunk-Z24VOTA7.js

@@ -0,0 +1,18 @@
+// src/pt-BR.utility.ts
+var PT_BR_INSTALL_PROMPT_COPY = {
+  title: "Instalar este aplicativo",
+  installLabel: "Instalar",
+  dismissLabel: "Dispensar o convite de instala\xE7\xE3o",
+  iosTapBefore: "Toque em",
+  iosTapAfter: 'e depois em "Adicionar \xE0 Tela de In\xEDcio"',
+  shareLabel: "Compartilhar"
+};
+var PT_BR_USER_AVATAR_COPY = {
+  signOut: "Sair"
+};
+
+export {
+  PT_BR_INSTALL_PROMPT_COPY,
+  PT_BR_USER_AVATAR_COPY
+};
+//# sourceMappingURL=chunk-Z24VOTA7.js.map

package/dist/chunk-Z24VOTA7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/pt-BR.utility.ts"],"sourcesContent":["/**\n * The pt-BR pack for the utility family. Split out of `pt-BR.ts`, which is a\n * barrel over this folder — see that file for why.\n */\nimport type {\n  InstallPromptCopy,\n  UserAvatarCopy,\n} from './copy';\n\nexport const PT_BR_INSTALL_PROMPT_COPY: InstallPromptCopy = {\n  title: \"Instalar este aplicativo\",\n  installLabel: \"Instalar\",\n  dismissLabel: \"Dispensar o convite de instalação\",\n  iosTapBefore: \"Toque em\",\n  iosTapAfter: 'e depois em \"Adicionar à Tela de Início\"',\n  shareLabel: \"Compartilhar\",\n};\n\nexport const PT_BR_USER_AVATAR_COPY: UserAvatarCopy = {\n  signOut: \"Sair\",\n};\n"],"mappings":";AASO,IAAM,4BAA+C;AAAA,EAC1D,OAAO;AAAA,EACP,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AACd;AAEO,IAAM,yBAAyC;AAAA,EACpD,SAAS;AACX;","names":[]}