@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-SQ5AV7IK.js

@@ -1,282 +0,0 @@
-// src/components/data-display/Stepper/Stepper.tsx
-import CheckCircle from "@mui/icons-material/CheckCircle";
-import {
-  Box,
-  Button,
-  styled,
-  Typography
-} from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var STEP_MIN_WIDTH = { xs: 44, sm: 56, md: 80, lg: 96, xl: 112 };
-var STEP_ICON_SIZE = { xs: 14, sm: 18, md: 24, lg: 30, xl: 36 };
-var StepperRoot = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "orientation"
-})(({ orientation }) => ({
-  display: "flex",
-  flexDirection: orientation === "horizontal" ? "row" : "column",
-  // Use flex-start to align all step circles at the same vertical position
-  alignItems: "flex-start"
-}));
-var StepItem = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "isLast"].includes(prop)
-})(({ orientation, isLast }) => ({
-  display: "flex",
-  // For horizontal: row layout so connector appears beside step content
-  // For vertical: column layout so connector appears below step content
-  flexDirection: orientation === "horizontal" ? "row" : "column",
-  // For horizontal: flex-start to keep circles aligned at top
-  // For vertical: center to align connector with centered circle
-  alignItems: orientation === "horizontal" ? "flex-start" : "center",
-  flex: orientation === "horizontal" && !isLast ? 1 : "none",
-  position: "relative",
-  // For vertical: ensure consistent width for proper centering
-  ...orientation === "vertical" && {
-    width: "100%"
-  }
-}));
-var CIRCLE_SIZE = { xs: 24, sm: 32, md: 48, lg: 60, xl: 72 };
-var StepButton = styled(Button, {
-  shouldForwardProp: (prop) => !["isActive", "isCompleted", "clickable", "stepSize"].includes(prop)
-})(
-  ({ theme, isActive, isCompleted, clickable, stepSize }) => ({
-    minWidth: CIRCLE_SIZE[stepSize],
-    width: CIRCLE_SIZE[stepSize],
-    height: CIRCLE_SIZE[stepSize],
-    borderRadius: "50%",
-    padding: 0,
-    backgroundColor: isCompleted ? theme.palette.primary.main : isActive ? theme.palette.primary.main : theme.palette.grey[300],
-    color: isCompleted || isActive ? theme.palette.primary.contrastText : theme.palette.text.primary,
-    cursor: clickable ? "pointer" : "default",
-    pointerEvents: clickable ? "auto" : "none",
-    transition: theme.transitions.create(["background-color", "transform"], {
-      duration: theme.transitions.duration.short
-    }),
-    "&:hover": clickable ? {
-      backgroundColor: isCompleted ? theme.palette.primary.dark : isActive ? theme.palette.primary.dark : theme.palette.grey[400],
-      transform: "scale(1.05)"
-    } : {},
-    "&:disabled": {
-      backgroundColor: theme.palette.grey[300],
-      color: theme.palette.text.disabled
-    }
-  })
-);
-var StepConnector = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "isCompleted", "size"].includes(prop)
-})(
-  ({ theme, orientation, isCompleted, size }) => ({
-    backgroundColor: isCompleted ? theme.palette.primary.main : theme.palette.grey[300],
-    transition: theme.transitions.create("background-color", {
-      duration: theme.transitions.duration.short
-    }),
-    ...orientation === "horizontal" ? {
-      flex: 1,
-      height: 2,
-      // Vertically centered on the circle (circle/2 - 1 for the 2px line).
-      marginTop: CIRCLE_SIZE[size] / 2 - 1,
-      marginLeft: 8,
-      marginRight: 8,
-      minWidth: 24
-    } : {
-      width: 2,
-      height: 32,
-      marginTop: 8,
-      marginBottom: 8,
-      // Use margin auto to center horizontally
-      marginLeft: "auto",
-      marginRight: "auto"
-    }
-  })
-);
-var StepLabel = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "orientation"
-})(({ orientation }) => ({
-  textAlign: "center",
-  marginTop: orientation === "horizontal" ? 8 : 0
-}));
-function stepClasses(isActive, isCompleted, optional) {
-  return [
-    isActive && "stepper-step-active",
-    isCompleted && "stepper-step-completed",
-    optional && "stepper-step-optional"
-  ].filter(Boolean).join(" ");
-}
-function contentSx(orientation, size) {
-  return orientation === "horizontal" ? { minWidth: STEP_MIN_WIDTH[size], maxWidth: 150, flex: "0 1 auto" } : { flexShrink: 0 };
-}
-var StepCircle = ({ step, index, isActive, isCompleted, isClickable, size, labelVariant, onClick }) => {
-  const state = isCompleted ? " (completed)" : isActive ? " (current)" : "";
-  return /* @__PURE__ */ jsx(
-    StepButton,
-    {
-      isActive,
-      isCompleted,
-      clickable: isClickable,
-      stepSize: size,
-      onClick,
-      disabled: step.disabled,
-      "aria-current": isActive ? "step" : void 0,
-      "aria-label": `Step ${index + 1}: ${step.label}${step.optional ? " (optional)" : ""}${state}`,
-      "data-testid": `stepper-step-icon-${index}`,
-      children: isCompleted ? /* @__PURE__ */ jsx(CheckCircle, { sx: { fontSize: STEP_ICON_SIZE[size] } }) : /* @__PURE__ */ jsx(Typography, { variant: labelVariant, fontWeight: "bold", children: index + 1 })
-    }
-  );
-};
-var StepLabelBlock = ({
-  step,
-  index,
-  isActive,
-  orientation,
-  size,
-  labelVariant
-}) => /* @__PURE__ */ jsxs(
-  StepLabel,
-  {
-    orientation,
-    "data-testid": `stepper-step-label-${index}`,
-    sx: size === "sm" && orientation === "horizontal" ? { mt: "2px" } : void 0,
-    children: [
-      /* @__PURE__ */ jsxs(
-        Typography,
-        {
-          variant: labelVariant,
-          fontWeight: isActive ? "bold" : "normal",
-          color: isActive ? "primary" : "textPrimary",
-          children: [
-            step.label,
-            step.optional && /* @__PURE__ */ jsx(Typography, { component: "span", variant: "caption", color: "textSecondary", sx: { ml: 1 }, children: "(optional)" })
-          ]
-        }
-      ),
-      step.description && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", display: "block", children: step.description })
-    ]
-  }
-);
-var StepperItem = ({
-  step,
-  index,
-  isActive,
-  isCompleted,
-  isLast,
-  orientation,
-  size,
-  variant,
-  clickable,
-  onStepClick,
-  renderConnector,
-  nextStep
-}) => {
-  const labelVariant = size === "sm" ? "caption" : "body2";
-  const isClickable = Boolean(clickable) && !step.disabled && (variant === "non-linear" || !isActive);
-  const handleStepClick = () => {
-    if (isClickable && onStepClick) onStepClick(step.id);
-  };
-  const connector = renderConnector && nextStep ? renderConnector(step, nextStep, { completed: isCompleted, active: isActive }) : /* @__PURE__ */ jsx(StepConnector, { orientation, isCompleted, size, "data-testid": `stepper-connector-${index}` });
-  return /* @__PURE__ */ jsxs(
-    StepItem,
-    {
-      orientation,
-      isLast,
-      role: "listitem",
-      "data-testid": `stepper-step-${index}`,
-      className: stepClasses(isActive, isCompleted, step.optional),
-      children: [
-        /* @__PURE__ */ jsxs(
-          Box,
-          {
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            "data-testid": `stepper-step-content-${index}`,
-            sx: contentSx(orientation, size),
-            children: [
-              /* @__PURE__ */ jsx(
-                StepCircle,
-                {
-                  step,
-                  index,
-                  isActive,
-                  isCompleted,
-                  isClickable,
-                  size,
-                  labelVariant,
-                  onClick: handleStepClick
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                StepLabelBlock,
-                {
-                  step,
-                  index,
-                  isActive,
-                  orientation,
-                  size,
-                  labelVariant
-                }
-              )
-            ]
-          }
-        ),
-        !isLast && connector
-      ]
-    }
-  );
-};
-var Stepper = ({
-  steps,
-  activeId,
-  completed = /* @__PURE__ */ new Set(),
-  orientation = "horizontal",
-  size = "md",
-  variant = "linear",
-  onStepChange,
-  clickable,
-  renderConnector,
-  className,
-  "data-testid": dataTestId
-}) => {
-  const isClickable = clickable ?? variant === "non-linear";
-  return /* @__PURE__ */ jsx(
-    StepperRoot,
-    {
-      component: "ol",
-      orientation,
-      className,
-      "data-testid": dataTestId || "stepper-container",
-      sx: {
-        listStyle: "none",
-        padding: 0,
-        margin: 0
-      },
-      children: steps.map((step, index) => {
-        const isActive = step.id === activeId;
-        const isCompleted = completed.has(step.id);
-        const isLast = index === steps.length - 1;
-        const nextStep = !isLast ? steps[index + 1] : void 0;
-        return /* @__PURE__ */ jsx(
-          StepperItem,
-          {
-            step,
-            index,
-            isActive,
-            isCompleted,
-            isLast,
-            orientation,
-            size,
-            variant,
-            clickable: isClickable,
-            onStepClick: onStepChange,
-            renderConnector,
-            nextStep
-          },
-          step.id
-        );
-      })
-    }
-  );
-};
-
-export {
-  Stepper
-};
-//# sourceMappingURL=chunk-SQ5AV7IK.js.map

package/dist/chunk-TLBCBVYY.js

@@ -1,217 +0,0 @@
-// src/components/data-display/EmptyState/EmptyState.tsx
-import AddIcon from "@mui/icons-material/Add";
-import RefreshIcon from "@mui/icons-material/Refresh";
-import {
-  Box,
-  Button,
-  Link,
-  Stack,
-  Typography,
-  useTheme
-} from "@mui/material";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `empty-state-${suffix}`;
-var actionsOf = (props, refreshLabel, createLabel) => {
-  const { primaryAction, secondaryAction, onCreate, onRefresh } = props;
-  const specs = [];
-  if (primaryAction) {
-    specs.push({
-      key: "primary-action",
-      variant: "contained",
-      onClick: primaryAction.onClick,
-      label: primaryAction.label
-    });
-  }
-  if (onCreate) {
-    specs.push({
-      key: "create-button",
-      variant: "contained",
-      onClick: onCreate,
-      label: createLabel,
-      icon: /* @__PURE__ */ jsx(AddIcon, {})
-    });
-  }
-  if (secondaryAction) {
-    specs.push({
-      key: "secondary-action",
-      variant: "outlined",
-      onClick: secondaryAction.onClick,
-      label: secondaryAction.label
-    });
-  }
-  if (onRefresh) {
-    specs.push({
-      key: "refresh-button",
-      variant: "outlined",
-      onClick: onRefresh,
-      label: refreshLabel,
-      icon: /* @__PURE__ */ jsx(RefreshIcon, {})
-    });
-  }
-  return specs;
-};
-var Illustration = ({ illustration, variant, testId }) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    "data-testid": testId,
-    sx: {
-      maxWidth: variant === "illustrated" ? 240 : 120,
-      width: "100%",
-      height: "auto",
-      opacity: variant === "minimal" ? 0.6 : 0.8,
-      display: variant === "minimal" ? "none" : "block"
-    },
-    children: illustration
-  }
-);
-var Actions = ({ specs, testId }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Stack,
-    {
-      direction: { xs: "column", sm: "row" },
-      spacing: 2,
-      alignItems: "center",
-      sx: { mt: theme.spacing(2) },
-      children: specs.map((spec) => /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: spec.variant,
-          onClick: spec.onClick,
-          startIcon: spec.icon,
-          "data-testid": testId(spec.key),
-          sx: { minWidth: 120 },
-          children: spec.label
-        },
-        spec.key
-      ))
-    }
-  );
-};
-var HelpLink = ({ helpLink, testId }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Link,
-    {
-      href: helpLink.href,
-      target: helpLink.external ? "_blank" : void 0,
-      rel: helpLink.external ? "noopener noreferrer" : void 0,
-      "data-testid": testId,
-      sx: {
-        mt: theme.spacing(1),
-        color: theme.palette.primary.main,
-        textDecoration: "none",
-        "&:hover": {
-          textDecoration: "underline"
-        }
-      },
-      children: [
-        helpLink.label,
-        helpLink.external && " \u2197"
-      ]
-    }
-  );
-};
-var Content = ({ title, description, titleId, testId, actions, showActions, helpLink }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 2, alignItems: "center", children: [
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        id: titleId,
-        variant: "h6",
-        component: "h3",
-        "data-testid": testId("title"),
-        sx: {
-          fontWeight: theme.typography.fontWeightMedium,
-          color: theme.palette.text.primary,
-          maxWidth: 400
-        },
-        children: title
-      }
-    ),
-    description && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "body2",
-        color: "text.secondary",
-        "data-testid": testId("description"),
-        sx: {
-          maxWidth: 480,
-          lineHeight: 1.6
-        },
-        children: description
-      }
-    ),
-    showActions && /* @__PURE__ */ jsx(Actions, { specs: actions, testId }),
-    helpLink && /* @__PURE__ */ jsx(HelpLink, { helpLink, testId: testId("help-link") })
-  ] });
-};
-var EmptyState = React.memo((props) => {
-  const {
-    variant = "default",
-    title,
-    description,
-    illustration,
-    helpLink,
-    refreshLabel = "Refresh",
-    createLabel = "Create New",
-    className,
-    dataTestId
-  } = props;
-  const theme = useTheme();
-  const titleId = React.useId();
-  const testId = makeTestId(dataTestId);
-  const actions = actionsOf(props, refreshLabel, createLabel);
-  const showActions = variant === "action" || actions.length > 0;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: "region",
-      "aria-labelledby": titleId,
-      className,
-      "data-testid": dataTestId || "empty-state",
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        textAlign: "center",
-        padding: theme.spacing(6),
-        minHeight: 200,
-        gap: theme.spacing(3)
-      },
-      children: [
-        illustration && /* @__PURE__ */ jsx(
-          Illustration,
-          {
-            illustration,
-            variant,
-            testId: testId("icon")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Content,
-          {
-            title,
-            description,
-            titleId,
-            testId,
-            actions,
-            showActions,
-            helpLink
-          }
-        )
-      ]
-    }
-  );
-});
-EmptyState.displayName = "EmptyState";
-var EmptyState_default = EmptyState;
-
-export {
-  EmptyState,
-  EmptyState_default
-};
-//# sourceMappingURL=chunk-TLBCBVYY.js.map

package/dist/chunk-TSG5C7MP.js

@@ -1,78 +0,0 @@
-// src/components/data-display/DataViews/data-views-day-input.tsx
-import { TextField } from "@mui/material";
-import { useEffect, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function isoToBr(iso) {
-  const parts = /^(\d{4})-(\d{2})-(\d{2})$/.exec(iso);
-  return parts ? `${parts[3]}/${parts[2]}/${parts[1]}` : "";
-}
-function brToIso(text) {
-  const parts = /^(\d{2})\/(\d{2})\/(\d{4})$/.exec(text);
-  if (!parts) return "";
-  const [, dd, mm, yyyy] = parts;
-  const day = Number(dd);
-  const month = Number(mm);
-  const year = Number(yyyy);
-  if (year < 1e3) return "";
-  const probe = new Date(Date.UTC(year, month - 1, day));
-  if (probe.getUTCMonth() !== month - 1 || probe.getUTCDate() !== day) return "";
-  return `${yyyy}-${mm}-${dd}`;
-}
-function maskBrDate(raw) {
-  const digits = raw.replace(/\D/g, "").slice(0, 8);
-  if (digits.length <= 2) return digits;
-  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;
-  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;
-}
-function dayInputProps(testId, describedBy) {
-  return {
-    "data-testid": testId,
-    maxLength: 10,
-    inputMode: "numeric",
-    autoComplete: "off",
-    ...describedBy ? { "aria-describedby": describedBy } : {}
-  };
-}
-function DayBoundInput({
-  label,
-  value,
-  onChange,
-  testId,
-  error = false,
-  describedBy,
-  mask
-}) {
-  const applied = value ?? "";
-  const [text, setText] = useState(() => isoToBr(applied));
-  useEffect(() => {
-    setText((current) => brToIso(current) === applied ? current : isoToBr(applied));
-  }, [applied]);
-  return /* @__PURE__ */ jsx(
-    TextField,
-    {
-      size: "small",
-      type: "text",
-      label,
-      error,
-      placeholder: mask,
-      value: text,
-      onChange: (event) => {
-        const next = maskBrDate(event.target.value);
-        setText(next);
-        if (next === "") return onChange(void 0);
-        const iso = brToIso(next);
-        if (iso) onChange(iso);
-      },
-      onBlur: () => setText(isoToBr(applied)),
-      InputLabelProps: { shrink: true },
-      inputProps: dayInputProps(testId, describedBy),
-      sx: { width: 165 }
-    }
-  );
-}
-
-export {
-  isoToBr,
-  DayBoundInput
-};
-//# sourceMappingURL=chunk-TSG5C7MP.js.map

package/dist/chunk-TSG5C7MP.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-day-input.tsx"],"sourcesContent":["'use client';\n\n/**\n * A day bound as a MASKED `dd/mm/aaaa` text field, replacing `<input type=\"date\">`.\n *\n * The native control is three separate segments wearing one box. Typing a date\n * means filling a segment, being jumped to the next, and starting over — and\n * which segment comes first is the BROWSER's locale, not ours, so the same\n * field reads `dd/mm/aaaa` for one merchant and `mm/dd/yyyy` for the next with\n * nothing in our code saying which. There is no way to type a date as one\n * continuous run of digits, which is how people actually type dates.\n *\n * A mask gives that back: eight digits straight through, separators inserted as\n * you go, backspace walking back through them.\n *\n * Measured, driving both controls in Chromium with the same eight keystrokes\n * (`01072026`, one `keydown` at a time):\n *\n *   native  →  field ends EMPTY, no filter applied, 0 requests\n *   masked  →  field reads `01/07/2026`, filter applied, 1 request\n *\n * The native result is the whole complaint: you type a date and nothing lands.\n *\n * The second half of the fix is WHEN the bound is written. A partially-typed\n * year is itself a valid date — `2026` passes through `0002`, `0020`, `0202` on\n * the way — so committing on every keystroke would send the grid off to fetch\n * years nobody meant. A bound is written only once the text is a WHOLE, real\n * date, which is what keeps the run above at one request rather than four.\n */\nimport { TextField } from '@mui/material';\nimport React, { useEffect, useState } from 'react';\n\n\n/** `AAAA-MM-DD` (the wire) → `dd/mm/aaaa` (what the merchant reads). */\nexport function isoToBr(iso: string): string {\n  const parts = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso);\n  return parts ? `${parts[3]}/${parts[2]}/${parts[1]}` : '';\n}\n\n/**\n * `dd/mm/aaaa` → `AAAA-MM-DD`, but ONLY for a day that exists. `31/02/2026`\n * parses fine as three numbers and is not a date, and `Date` would silently\n * roll it into March rather than reject it — so the round trip through UTC is\n * the check: if the month or day comes back changed, the input was not a day.\n */\nexport function brToIso(text: string): string {\n  const parts = /^(\\d{2})\\/(\\d{2})\\/(\\d{4})$/.exec(text);\n  if (!parts) return '';\n  const [, dd, mm, yyyy] = parts;\n  const day = Number(dd);\n  const month = Number(mm);\n  const year = Number(yyyy);\n  if (year < 1000) return '';\n  const probe = new Date(Date.UTC(year, month - 1, day));\n  if (probe.getUTCMonth() !== month - 1 || probe.getUTCDate() !== day) return '';\n  return `${yyyy}-${mm}-${dd}`;\n}\n\n/**\n * Digits only, capped at eight, with the separators put back as you type.\n *\n * Deriving the whole string from the digits — rather than editing the text in\n * place — is what makes backspace behave. Four digits render as `06/08`, not\n * `06/08/`, so deleting the first digit of the year removes the trailing\n * separator with it instead of leaving a dead keystroke that changes nothing.\n */\nexport function maskBrDate(raw: string): string {\n  const digits = raw.replace(/\\D/g, '').slice(0, 8);\n  if (digits.length <= 2) return digits;\n  if (digits.length <= 4) return `${digits.slice(0, 2)}/${digits.slice(2)}`;\n  return `${digits.slice(0, 2)}/${digits.slice(2, 4)}/${digits.slice(4)}`;\n}\n\n/**\n * What has to land on the `<input>` itself rather than on the `TextField`.\n *\n * Anything `TextField` does not recognise is spread onto its root `FormControl`\n * div. `inputMode` went up there once: the attribute sat on a non-editable\n * wrapper, meant nothing, and the phone went on offering the letter keyboard\n * for a field that only takes digits (the `dd/mm/aaaa` hint under a QWERTY\n * layout). Only the `<input>` this reaches decides which keypad opens — and the\n * same is true of `aria-describedby`, which on the wrapper points at a\n * description no screen reader will read out for the field.\n *\n * `numeric` and not `tel`: both raise a keypad, but the phone one is a dialler\n * with `+ * #` on it — keys that cannot occur in a date. A paste carrying\n * separators still lands, because the MASK is what filters the text; the keypad\n * only narrows what a thumb can reach for.\n *\n * Autofill off for the same reason: the browser's saved-value strip covers the\n * keypad to suggest names and addresses, none of which are a date, and none of\n * which the mask would keep.\n */\nfunction dayInputProps(testId: string, describedBy: string | undefined) {\n  return {\n    'data-testid': testId,\n    maxLength: 10,\n    inputMode: 'numeric' as const,\n    autoComplete: 'off',\n    ...(describedBy ? { 'aria-describedby': describedBy } : {}),\n  };\n}\n\n/**\n * One end of a day window. The BOUND stays `AAAA-MM-DD` — the form the backend's\n * inclusive day comparison already speaks, and the form the chip label reads —\n * so only the typing surface changes.\n */\nexport function DayBoundInput({\n  label,\n  value,\n  onChange,\n  testId,\n  error = false,\n  describedBy,\n  mask,\n}: {\n  label: string;\n  /** The applied bound, `AAAA-MM-DD`, or undefined when this end is open. */\n  value: string | undefined;\n  onChange: (bound: string | undefined) => void;\n  testId: string;\n  /**\n   * Paint the field as rejected. It only ever writes a real day by itself, so\n   * this is for a caller judging the PAIR: a window whose end precedes its\n   * start is two valid days and one impossible period, and the field it was\n   * typed into is the only place to say which half is being complained about.\n   */\n  error?: boolean;\n  /** Id of the element carrying that complaint, so it is read WITH the field. */\n  describedBy?: string;\n  /**\n   * The day mask, which IS the placeholder — so the expected ORDER is on\n   * screen before the first keystroke rather than discovered by getting it\n   * wrong. `dd/mm/aaaa` is one locale's order and one locale's letters.\n   *\n   * A PROP rather than a context read: this field has two callers, and only\n   * one of them is inside DataViews. `DateRangePicker` mounts it standalone\n   * with its own message table, so a context read here throws for every host\n   * of that picker — which is exactly what it did.\n   */\n  mask: string;\n}): React.JSX.Element {\n  const applied = value ?? '';\n  const [text, setText] = useState(() => isoToBr(applied));\n\n  // The bound is the APPLIED filter; `text` is what is being typed. Re-sync only\n  // when the applied value moved somewhere the text does not already mean — a\n  // \"Limpar\", a saved view, the other pill resetting the pair. Without that\n  // guard the field's own write bounces straight back mid-edit and resets the\n  // caret, which is the native control's worst habit reproduced by hand.\n  useEffect(() => {\n    setText((current) => (brToIso(current) === applied ? current : isoToBr(applied)));\n  }, [applied]);\n\n  return (\n    <TextField\n      size=\"small\"\n      type=\"text\"\n      label={label}\n      error={error}\n      placeholder={mask}\n      value={text}\n      onChange={(event) => {\n        const next = maskBrDate(event.target.value);\n        setText(next);\n        // Emptying clears the bound. A COMPLETE day applies it. A partial one\n        // does NEITHER — it leaves whatever is applied alone, so typing is never\n        // fought and a half-typed year never reaches the backend.\n        if (next === '') return onChange(undefined);\n        const iso = brToIso(next);\n        if (iso) onChange(iso);\n      }}\n      // Leaving a half-typed (or impossible) date on screen would show a filter\n      // the list is not actually using. On blur the field snaps back to what IS\n      // applied; a complete date already equals it, so this only ever tidies.\n      onBlur={() => setText(isoToBr(applied))}\n      // The placeholder occupies the space an un-shrunk label would render into.\n      InputLabelProps={{ shrink: true }}\n      inputProps={dayInputProps(testId, describedBy)}\n      sx={{ width: 165 }}\n    />\n  );\n}\n"],"mappings":";AA6BA,SAAS,iBAAiB;AAC1B,SAAgB,WAAW,gBAAgB;AA8HvC;AA1HG,SAAS,QAAQ,KAAqB;AAC3C,QAAM,QAAQ,4BAA4B,KAAK,GAAG;AAClD,SAAO,QAAQ,GAAG,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,KAAK;AACzD;AAQO,SAAS,QAAQ,MAAsB;AAC5C,QAAM,QAAQ,8BAA8B,KAAK,IAAI;AACrD,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,CAAC,EAAE,IAAI,IAAI,IAAI,IAAI;AACzB,QAAM,MAAM,OAAO,EAAE;AACrB,QAAM,QAAQ,OAAO,EAAE;AACvB,QAAM,OAAO,OAAO,IAAI;AACxB,MAAI,OAAO,IAAM,QAAO;AACxB,QAAM,QAAQ,IAAI,KAAK,KAAK,IAAI,MAAM,QAAQ,GAAG,GAAG,CAAC;AACrD,MAAI,MAAM,YAAY,MAAM,QAAQ,KAAK,MAAM,WAAW,MAAM,IAAK,QAAO;AAC5E,SAAO,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE;AAC5B;AAUO,SAAS,WAAW,KAAqB;AAC9C,QAAM,SAAS,IAAI,QAAQ,OAAO,EAAE,EAAE,MAAM,GAAG,CAAC;AAChD,MAAI,OAAO,UAAU,EAAG,QAAO;AAC/B,MAAI,OAAO,UAAU,EAAG,QAAO,GAAG,OAAO,MAAM,GAAG,CAAC,CAAC,IAAI,OAAO,MAAM,CAAC,CAAC;AACvE,SAAO,GAAG,OAAO,MAAM,GAAG,CAAC,CAAC,IAAI,OAAO,MAAM,GAAG,CAAC,CAAC,IAAI,OAAO,MAAM,CAAC,CAAC;AACvE;AAsBA,SAAS,cAAc,QAAgB,aAAiC;AACtE,SAAO;AAAA,IACL,eAAe;AAAA,IACf,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,GAAI,cAAc,EAAE,oBAAoB,YAAY,IAAI,CAAC;AAAA,EAC3D;AACF;AAOO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AACF,GA0BsB;AACpB,QAAM,UAAU,SAAS;AACzB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM,QAAQ,OAAO,CAAC;AAOvD,YAAU,MAAM;AACd,YAAQ,CAAC,YAAa,QAAQ,OAAO,MAAM,UAAU,UAAU,QAAQ,OAAO,CAAE;AAAA,EAClF,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,OAAO;AAAA,MACP,UAAU,CAAC,UAAU;AACnB,cAAM,OAAO,WAAW,MAAM,OAAO,KAAK;AAC1C,gBAAQ,IAAI;AAIZ,YAAI,SAAS,GAAI,QAAO,SAAS,MAAS;AAC1C,cAAM,MAAM,QAAQ,IAAI;AACxB,YAAI,IAAK,UAAS,GAAG;AAAA,MACvB;AAAA,MAIA,QAAQ,MAAM,QAAQ,QAAQ,OAAO,CAAC;AAAA,MAEtC,iBAAiB,EAAE,QAAQ,KAAK;AAAA,MAChC,YAAY,cAAc,QAAQ,WAAW;AAAA,MAC7C,IAAI,EAAE,OAAO,IAAI;AAAA;AAAA,EACnB;AAEJ;","names":[]}

package/dist/chunk-TSPG6TWK.js

@@ -1,32 +0,0 @@
-// src/utils/viewport.ts
-var VIEWPORT_HEIGHT_FALLBACK = "100vh";
-var DYNAMIC_VIEWPORT_HEIGHT = "100dvh";
-function dynamicViewportHeight(...properties) {
-  const pinned = properties.length > 0 ? [...properties] : ["height"];
-  const fallback = {};
-  const dynamic = {};
-  for (const property of pinned) {
-    fallback[property] = VIEWPORT_HEIGHT_FALLBACK;
-    dynamic[property] = DYNAMIC_VIEWPORT_HEIGHT;
-  }
-  return {
-    ...fallback,
-    [`@supports (height: ${DYNAMIC_VIEWPORT_HEIGHT})`]: dynamic
-  };
-}
-function safeAreaBottom(basePx) {
-  return {
-    paddingBottom: `${basePx}px`,
-    "@supports (padding: max(0px))": {
-      paddingBottom: `max(${basePx}px, calc(${basePx}px + env(safe-area-inset-bottom)))`
-    }
-  };
-}
-
-export {
-  VIEWPORT_HEIGHT_FALLBACK,
-  DYNAMIC_VIEWPORT_HEIGHT,
-  dynamicViewportHeight,
-  safeAreaBottom
-};
-//# sourceMappingURL=chunk-TSPG6TWK.js.map

package/dist/chunk-U7CIYYA7.js

@@ -1,45 +0,0 @@
-// src/components/form/HeaderButton/HeaderButton.tsx
-import { Box, Button } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-function HeaderButton({
-  text,
-  icon,
-  endIcon,
-  onClick,
-  variant = "contained",
-  color = "primary",
-  disabled,
-  collapseBelow = "md",
-  fullWidth,
-  dataTestId,
-  ...aria
-}) {
-  const labelDisplay = { xs: "none", [collapseBelow]: "inline" };
-  const horizontalPad = { xs: 1, [collapseBelow]: 2 };
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      variant,
-      color,
-      size: "medium",
-      onClick,
-      disabled,
-      fullWidth,
-      "aria-label": typeof text === "string" ? text : void 0,
-      "aria-haspopup": aria["aria-haspopup"],
-      "aria-expanded": aria["aria-expanded"],
-      "data-testid": dataTestId,
-      sx: { minWidth: 0, gap: 0.75, px: horizontalPad, py: 1, fontSize: "1rem", textTransform: "none" },
-      children: [
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center" }, children: icon }),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: labelDisplay }, children: text }),
-        endIcon != null && /* @__PURE__ */ jsx(Box, { component: "span", sx: { display: "inline-flex", alignItems: "center" }, children: endIcon })
-      ]
-    }
-  );
-}
-
-export {
-  HeaderButton
-};
-//# sourceMappingURL=chunk-U7CIYYA7.js.map