@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-JXNT5TUP.js

@@ -1,142 +0,0 @@
-import {
-  SIZE_MAP,
-  makeTestIds,
-  resolveLoadingStateProps
-} from "./chunk-7DFEKTT7.js";
-import {
-  SKELETON_FULL_ROW_WIDTH,
-  SKELETON_LAST_ROW_WIDTH,
-  SKELETON_MESSAGE_MARGIN_TOP_UNITS,
-  SKELETON_PADDING_UNITS,
-  SKELETON_RADIUS,
-  SKELETON_ROW_GAP_UNITS,
-  SKELETON_ROW_HEIGHT,
-  SPINNER_GAP_UNITS,
-  SPINNER_MIN_HEIGHT,
-  SPINNER_PADDING_UNITS
-} from "./chunk-YSTHOE66.js";
-import {
-  Skeleton
-} from "./chunk-7VN7LFBA.js";
-import {
-  resolveTestId
-} from "./chunk-TYJR4GOF.js";
-
-// src/components/data-display/LoadingState/LoadingState.tsx
-import Box from "@mui/material/Box/index.js";
-import CircularProgress from "@mui/material/CircularProgress/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 LoadingMessage = ({ message, size, testIds, sx }) => message ? /* @__PURE__ */ jsx(
-  Typography,
-  {
-    variant: SIZE_MAP[size].text,
-    color: "text.secondary",
-    sx,
-    "data-testid": testIds.named("message"),
-    children: message
-  }
-) : null;
-var SkeletonView = ({
-  message,
-  size,
-  skeletonRows,
-  className,
-  testIds
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: "status",
-      "aria-busy": "true",
-      "aria-label": message || "Loading content",
-      className,
-      "data-testid": testIds.base,
-      sx: {
-        width: "100%",
-        padding: theme.spacing(SKELETON_PADDING_UNITS)
-      },
-      children: [
-        /* @__PURE__ */ jsx(Stack, { spacing: SKELETON_ROW_GAP_UNITS, children: Array.from({ length: skeletonRows }).map((_, index) => /* @__PURE__ */ jsx(
-          Skeleton,
-          {
-            variant: "rectangular",
-            animation: "wave",
-            height: SKELETON_ROW_HEIGHT[size],
-            width: index === skeletonRows - 1 ? SKELETON_LAST_ROW_WIDTH : SKELETON_FULL_ROW_WIDTH,
-            borderRadius: SKELETON_RADIUS,
-            "data-testid": testIds.optional(`skeleton-${index}`)
-          },
-          `skeleton-row-${index}`
-        )) }),
-        /* @__PURE__ */ jsx(
-          LoadingMessage,
-          {
-            message,
-            size,
-            testIds,
-            sx: { mt: SKELETON_MESSAGE_MARGIN_TOP_UNITS, textAlign: "center" }
-          }
-        )
-      ]
-    }
-  );
-};
-var SpinnerView = ({ message, size, className, testIds }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: "status",
-      "aria-busy": "true",
-      "aria-label": message || "Loading",
-      className,
-      "data-testid": testIds.base,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        padding: theme.spacing(SPINNER_PADDING_UNITS),
-        minHeight: SPINNER_MIN_HEIGHT,
-        gap: theme.spacing(SPINNER_GAP_UNITS)
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          CircularProgress,
-          {
-            size: SIZE_MAP[size].spinner,
-            "data-testid": testIds.named("spinner")
-          }
-        ),
-        /* @__PURE__ */ jsx(LoadingMessage, { message, size, testIds })
-      ]
-    }
-  );
-};
-var LoadingState = React.memo((rawProps) => {
-  const resolved = resolveLoadingStateProps(rawProps);
-  const { variant, message, size, skeletonRows, className } = resolved;
-  const viewProps = {
-    message,
-    size,
-    skeletonRows,
-    className,
-    // `dataTestId` is the documented spelling; `testID`, the shared contract's
-    // other one, resolves to the same id.
-    testIds: makeTestIds(resolveTestId(resolved))
-  };
-  return variant === "skeleton" ? /* @__PURE__ */ jsx(SkeletonView, { ...viewProps }) : /* @__PURE__ */ jsx(SpinnerView, { ...viewProps });
-});
-LoadingState.displayName = "LoadingState";
-var LoadingState_default = LoadingState;
-
-export {
-  LoadingState,
-  LoadingState_default
-};
-//# sourceMappingURL=chunk-JXNT5TUP.js.map

package/dist/chunk-JYETSTOQ.js

@@ -1,82 +0,0 @@
-import {
-  baseStyles,
-  effectStyles,
-  getColorFromTheme,
-  variantStyles
-} from "./chunk-5UWSDTZV.js";
-
-// src/components/form/Toggle/Toggle.tsx
-import ToggleButton from "@mui/material/ToggleButton/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledToggle = styled(ToggleButton, {
-  shouldForwardProp: (prop) => !["customVariant", "customColor", "customSize", "glow", "glass", "gradient"].includes(
-    prop
-  )
-})(({
-  theme,
-  customVariant,
-  customColor = "primary",
-  customSize = "md",
-  glow,
-  glass,
-  gradient
-}) => {
-  const colorPalette = getColorFromTheme(theme, customColor);
-  return {
-    ...baseStyles(theme, colorPalette, customSize),
-    ...variantStyles(customVariant, colorPalette),
-    ...effectStyles(theme, colorPalette, { glass, gradient, glow })
-  };
-});
-var Toggle = forwardRef(
-  ({
-    variant = "default",
-    color = "primary",
-    size = "md",
-    icon,
-    glow = false,
-    glass = false,
-    gradient = false,
-    dataTestId,
-    children,
-    ...props
-  }, ref) => {
-    const testIds = {
-      container: dataTestId,
-      icon: dataTestId ? `${dataTestId}-icon` : void 0
-    };
-    return /* @__PURE__ */ jsxs(
-      StyledToggle,
-      {
-        ref,
-        customVariant: variant,
-        customColor: color,
-        customSize: size,
-        glow,
-        glass,
-        gradient,
-        "data-testid": testIds.container,
-        ...props,
-        children: [
-          icon && /* @__PURE__ */ jsx(
-            "span",
-            {
-              style: { marginRight: children ? "8px" : "0" },
-              "data-testid": testIds.icon,
-              children: icon
-            }
-          ),
-          children
-        ]
-      }
-    );
-  }
-);
-Toggle.displayName = "Toggle";
-
-export {
-  Toggle
-};
-//# sourceMappingURL=chunk-JYETSTOQ.js.map

package/dist/chunk-JYETSTOQ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Toggle/Toggle.tsx"],"sourcesContent":["import ToggleButton from '@mui/material/ToggleButton/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React, { forwardRef } from 'react';\n\nimport {\n  baseStyles,\n  effectStyles,\n  getColorFromTheme,\n  variantStyles,\n} from './Toggle.styles';\nimport type { ToggleProps } from './Toggle.types';\n\nconst StyledToggle = styled(ToggleButton, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customColor', 'customSize', 'glow', 'glass', 'gradient'].includes(\n      prop as string,\n    ),\n})<{\n  customVariant?: string;\n  customColor?: string;\n  customSize?: string;\n  glow?: boolean;\n  glass?: boolean;\n  gradient?: boolean;\n}>(({\n  theme,\n  customVariant,\n  customColor = 'primary',\n  customSize = 'md',\n  glow,\n  glass,\n  gradient,\n}) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n\n  return {\n    ...baseStyles(theme, colorPalette, customSize),\n    ...variantStyles(customVariant, colorPalette),\n    ...effectStyles(theme, colorPalette, { glass, gradient, glow }),\n  };\n});\n\nexport const Toggle = forwardRef<HTMLButtonElement, ToggleProps>(\n  (\n    {\n      variant = 'default',\n      color = 'primary',\n      size = 'md',\n      icon,\n      glow = false,\n      glass = false,\n      gradient = false,\n      dataTestId,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const testIds = {\n      container: dataTestId,\n      icon: dataTestId ? `${dataTestId}-icon` : undefined,\n    };\n\n    return (\n      <StyledToggle\n        ref={ref}\n        customVariant={variant}\n        customColor={color}\n        customSize={size}\n        glow={glow}\n        glass={glass}\n        gradient={gradient}\n        data-testid={testIds.container}\n        {...props}\n      >\n        {icon && (\n          <span\n            style={{ marginRight: children ? '8px' : '0' }}\n            data-testid={testIds.icon}\n          >\n            {icon}\n          </span>\n        )}\n        {children}\n      </StyledToggle>\n    );\n  },\n);\n\nToggle.displayName = 'Toggle';\n"],"mappings":";;;;;;;;AAAA,OAAO,kBAAkB;AACzB,SAAS,cAAc;AACvB,SAAgB,kBAAkB;AA8D5B,SAYI,KAZJ;AApDN,IAAM,eAAe,OAAO,cAAc;AAAA,EACxC,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,eAAe,cAAc,QAAQ,SAAS,UAAU,EAAE;AAAA,IAC3E;AAAA,EACF;AACJ,CAAC,EAOE,CAAC;AAAA,EACF;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe,kBAAkB,OAAO,WAAW;AAEzD,SAAO;AAAA,IACL,GAAG,WAAW,OAAO,cAAc,UAAU;AAAA,IAC7C,GAAG,cAAc,eAAe,YAAY;AAAA,IAC5C,GAAG,aAAa,OAAO,cAAc,EAAE,OAAO,UAAU,KAAK,CAAC;AAAA,EAChE;AACF,CAAC;AAEM,IAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,UAAU;AAAA,MACd,WAAW;AAAA,MACX,MAAM,aAAa,GAAG,UAAU,UAAU;AAAA,IAC5C;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAa,QAAQ;AAAA,QACpB,GAAG;AAAA,QAEH;AAAA,kBACC;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,EAAE,aAAa,WAAW,QAAQ,IAAI;AAAA,cAC7C,eAAa,QAAQ;AAAA,cAEpB;AAAA;AAAA,UACH;AAAA,UAED;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-JZJOAGBG.js

@@ -1,183 +0,0 @@
-import {
-  MoreGroup,
-  fieldClearing
-} from "./chunk-SVXHKIGJ.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-6MDBMCFK.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/components/data-display/DataViews/data-views-more-filters.tsx
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
-import FilterAltRoundedIcon from "@mui/icons-material/FilterAltRounded";
-import Popover from "@mui/material/Popover/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function MoreTrigger({
-  count,
-  appliedCount,
-  compact,
-  onOpen,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const applied = appliedCount > 0;
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      color: "neutral",
-      onClick: (event) => onOpen(event.currentTarget),
-      dataTestId: `${testIdPrefix}-more-filters`,
-      "aria-label": applied ? copy.filters.moreFiltersApplied(count, appliedCount) : copy.filters.moreFilters(count),
-      children: /* @__PURE__ */ jsxs(
-        default2,
-        {
-          component: "span",
-          sx: {
-            display: "inline-flex",
-            alignItems: "center",
-            gap: 0.5,
-            color: applied ? "primary.main" : void 0
-          },
-          children: [
-            /* @__PURE__ */ jsx(FilterAltRoundedIcon, { fontSize: "small" }),
-            !compact && /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: { xs: "none", sm: "inline" } }, children: copy.filters.moreTriggerLabel }),
-            /* @__PURE__ */ jsx(
-              default2,
-              {
-                component: "span",
-                "data-testid": `${testIdPrefix}-more-badge`,
-                sx: {
-                  px: 0.75,
-                  borderRadius: 5,
-                  bgcolor: applied ? "primary.main" : "action.selected",
-                  color: applied ? "primary.contrastText" : void 0,
-                  fontSize: "0.6875rem",
-                  fontWeight: applied ? 700 : void 0
-                },
-                children: applied ? appliedCount : count
-              }
-            ),
-            !compact && /* @__PURE__ */ jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" })
-          ]
-        }
-      )
-    }
-  );
-}
-function MoreHeading() {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        gap: 1,
-        px: 1.5,
-        py: 1,
-        borderBottom: 1,
-        borderColor: "divider"
-      },
-      children: [
-        /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { textTransform: "uppercase", letterSpacing: 0.5, color: "text.disabled" }, children: copy.filters.moreHeading }) }),
-        /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { ml: "auto", color: "text.disabled" }, children: copy.filters.overflowNote }) })
-      ]
-    }
-  );
-}
-function MoreFooter({
-  onClearAll,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(default2, { sx: { px: 1.5, py: 1, borderTop: 1, borderColor: "divider" }, children: /* @__PURE__ */ jsx(
-    default2,
-    {
-      component: "button",
-      type: "button",
-      onClick: onClearAll,
-      "data-testid": `${testIdPrefix}-more-clear-all`,
-      sx: {
-        width: "100%",
-        border: 0,
-        p: 0,
-        bgcolor: "transparent",
-        cursor: "pointer",
-        font: "inherit",
-        fontSize: "0.8125rem",
-        textAlign: "left",
-        color: "primary.main",
-        "&:hover": { textDecoration: "underline" }
-      },
-      children: copy.filters.clearAll
-    }
-  ) });
-}
-function MoreFilters({
-  fields,
-  onOpenChange,
-  onClearAll,
-  anyApplied,
-  compact = false,
-  ...rest
-}) {
-  const [anchor, setAnchor] = useState(null);
-  if (fields.length === 0) return null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      MoreTrigger,
-      {
-        count: fields.length,
-        appliedCount: fields.filter(
-          (field) => fieldClearing({
-            field,
-            pills: rest.pills,
-            ranges: rest.ranges,
-            onTogglePill: rest.onTogglePill,
-            onChangeRange: rest.onChangeRange
-          }).applied
-        ).length,
-        compact,
-        onOpen: (element) => {
-          setAnchor(element);
-          onOpenChange?.(true);
-        },
-        testIdPrefix: rest.testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        open: Boolean(anchor),
-        anchorEl: anchor,
-        onClose: () => {
-          setAnchor(null);
-          onOpenChange?.(false);
-        },
-        anchorOrigin: { vertical: "bottom", horizontal: "left" },
-        slotProps: { paper: { sx: { width: 300, maxWidth: "calc(100vw - 32px)" } } },
-        children: /* @__PURE__ */ jsxs(default2, { "data-testid": `${rest.testIdPrefix}-more-panel`, children: [
-          /* @__PURE__ */ jsx(MoreHeading, {}),
-          /* @__PURE__ */ jsx(default2, { sx: { maxHeight: 320, overflowY: "auto", overflowX: "hidden", p: 1.5, minWidth: 0 }, children: fields.map((field) => /* @__PURE__ */ jsx(MoreGroup, { field, ...rest }, field.id)) }),
-          anyApplied && /* @__PURE__ */ jsx(MoreFooter, { onClearAll, testIdPrefix: rest.testIdPrefix })
-        ] })
-      }
-    )
-  ] });
-}
-
-export {
-  MoreFilters
-};
-//# sourceMappingURL=chunk-JZJOAGBG.js.map

package/dist/chunk-JZJOAGBG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-more-filters.tsx"],"sourcesContent":["\"use client\";\n\nimport KeyboardArrowDownRoundedIcon from \"@mui/icons-material/KeyboardArrowDownRounded\";\n// A FUNNEL, not the tune sliders this used to share with \"Exibir\". The two\n// sit a few px apart on the same bar and do unrelated things — one narrows\n// WHICH rows you see, the other changes HOW they are shown — and with one\n// glyph between them the bar offered the operator no way to tell which was\n// which. On a phone, where both are icon-only, they were indistinguishable.\nimport FilterAltRoundedIcon from \"@mui/icons-material/FilterAltRounded\";\nimport Popover from \"@mui/material/Popover/index.js\";\nimport { useState } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport { fieldClearing, MoreGroup, type MoreFieldProps } from \"./data-views-more-fields\";\nimport type { OverflowField } from \"./data-views-overflow\";\n\n/**\n * \"MAIS\" — the filter overflow: its trigger, its panel and its footer. What\n * goes INSIDE it is `data-views-more-fields`.\n *\n * It holds the fields that had no room on the toolbar. An applied filter is\n * ranked ahead of an idle one for the visible slots but is NOT exempt (see\n * `useFilterOverflow`), so an applied filter can be in here — on a phone, most\n * of them are. That is why the trigger changes tone and counts the applied\n * ones: a filter you cannot see is a filter you forget you set, and the badge\n * is what stops that.\n */\n\ninterface MoreFiltersProps<T extends Record<string, unknown>> extends MoreFieldProps {\n  fields: OverflowField<T>[];\n}\n\n/**\n * The trigger, badged with how many fields had no room on the bar — and told\n * apart when some of them are APPLIED.\n *\n * An applied filter can land in here now (it is ranked first, not exempt), so\n * this button is the only thing on screen still saying it exists. A neutral\n * badge reading \"3\" would make \"three filters you have not used\" and \"three\n * filters narrowing this list\" look identical, which is the whole failure the\n * old exemption was written to avoid. So an overflow holding applied filters\n * takes the applied tone and counts them in its own badge.\n */\nfunction MoreTrigger({\n  count,\n  appliedCount,\n  compact,\n  onOpen,\n  testIdPrefix,\n}: {\n  count: number;\n  appliedCount: number;\n  /** Icon only — the same rung that strips Exibir/Exportar. */\n  compact: boolean;\n  onOpen: (anchor: HTMLElement) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const applied = appliedCount > 0;\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      color=\"neutral\"\n      onClick={(event) => onOpen(event.currentTarget as HTMLElement)}\n      dataTestId={`${testIdPrefix}-more-filters`}\n      aria-label={\n        applied\n          ? copy.filters.moreFiltersApplied(count, appliedCount)\n          : copy.filters.moreFilters(count)\n      }\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          gap: 0.5,\n          color: applied ? \"primary.main\" : undefined,\n        }}\n      >\n        <FilterAltRoundedIcon fontSize=\"small\" />\n        {!compact && (\n          <Box component=\"span\" sx={{ display: { xs: \"none\", sm: \"inline\" } }}>\n            {copy.filters.moreTriggerLabel}\n          </Box>\n        )}\n        <Box\n          component=\"span\"\n          data-testid={`${testIdPrefix}-more-badge`}\n          sx={{\n            px: 0.75,\n            borderRadius: 5,\n            bgcolor: applied ? \"primary.main\" : \"action.selected\",\n            color: applied ? \"primary.contrastText\" : undefined,\n            fontSize: \"0.6875rem\",\n            fontWeight: applied ? 700 : undefined,\n          }}\n        >\n          {applied ? appliedCount : count}\n        </Box>\n        {!compact && <KeyboardArrowDownRoundedIcon fontSize=\"small\" />}\n      </Box>\n    </Button>\n  );\n}\n\n/** The panel's heading: what these are, and why they are in here. */\nfunction MoreHeading(): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 1,\n        px: 1.5,\n        py: 1,\n        borderBottom: 1,\n        borderColor: \"divider\",\n      }}\n    >\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ textTransform: \"uppercase\", letterSpacing: 0.5, color: \"text.disabled\" }}>\n          {copy.filters.moreHeading}\n        </Box>\n      </Text>\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ ml: \"auto\", color: \"text.disabled\" }}>\n          {copy.filters.overflowNote}\n        </Box>\n      </Text>\n    </Box>\n  );\n}\n\n/**\n * The panel's own way back to the unfiltered list.\n *\n * The bar's \"Limpar\" is the primary one, but it is a control like any other\n * and the ladder can take its label — and on the narrowest rungs this panel is\n * where most of the fields ended up anyway. Clearing everything from inside it\n * saves closing it to reach a button three pixels wide.\n */\nfunction MoreFooter({\n  onClearAll,\n  testIdPrefix,\n}: {\n  onClearAll: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box sx={{ px: 1.5, py: 1, borderTop: 1, borderColor: \"divider\" }}>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        onClick={onClearAll}\n        data-testid={`${testIdPrefix}-more-clear-all`}\n        sx={{\n          width: \"100%\",\n          border: 0,\n          p: 0,\n          bgcolor: \"transparent\",\n          cursor: \"pointer\",\n          font: \"inherit\",\n          fontSize: \"0.8125rem\",\n          textAlign: \"left\",\n          color: \"primary.main\",\n          \"&:hover\": { textDecoration: \"underline\" },\n        }}\n      >\n        {copy.filters.clearAll}\n      </Box>\n    </Box>\n  );\n}\n\n/** The overflow trigger + panel. Renders nothing when everything fits. */\nexport function MoreFilters<T extends Record<string, unknown>>({\n  fields,\n  onOpenChange,\n  onClearAll,\n  anyApplied,\n  compact = false,\n  ...rest\n}: MoreFiltersProps<T> & {\n  /** Icon only — the same rung that strips Exibir/Exportar. */\n  compact?: boolean;\n  /** Clears every filter, not just the ones in here. */\n  onClearAll: () => void;\n  /** Whether anything is applied anywhere — the footer is pointless otherwise. */\n  anyApplied: boolean;\n  /**\n   * So the shell can FREEZE the measured split while this panel is open.\n   *\n   * Applying a filter in here makes its field active, and an active field\n   * takes an inline slot first — so the field being edited was promoted OUT of\n   * this panel mid-keystroke, taking the focused input with it. Typing \"12\"\n   * got as far as \"1\" and then had nowhere to go.\n   */\n  onOpenChange?: (open: boolean) => void;\n}): React.JSX.Element | null {\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null);\n  if (fields.length === 0) return null;\n  return (\n    <>\n      <MoreTrigger\n        count={fields.length}\n        appliedCount={\n          fields.filter(\n            (field) =>\n              fieldClearing({\n                field,\n                pills: rest.pills,\n                ranges: rest.ranges,\n                onTogglePill: rest.onTogglePill,\n                onChangeRange: rest.onChangeRange,\n              }).applied,\n          ).length\n        }\n        compact={compact}\n        onOpen={(element) => {\n          setAnchor(element);\n          onOpenChange?.(true);\n        }}\n        testIdPrefix={rest.testIdPrefix}\n      />\n      <Popover\n        open={Boolean(anchor)}\n        anchorEl={anchor}\n        onClose={() => {\n          setAnchor(null);\n          onOpenChange?.(false);\n        }}\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\n        slotProps={{ paper: { sx: { width: 300, maxWidth: \"calc(100vw - 32px)\" } } }}\n      >\n        <Box data-testid={`${rest.testIdPrefix}-more-panel`}>\n          <MoreHeading />\n          {/* overflowX hidden, not auto: this panel is a fixed 300px and its\n              contents are told to shrink into it. A horizontal scrollbar here\n              means something refused to, which is a bug to fix rather than a\n              scrollbar to live with. */}\n          <Box sx={{ maxHeight: 320, overflowY: \"auto\", overflowX: \"hidden\", p: 1.5, minWidth: 0 }}>\n            {fields.map((field) => (\n              <MoreGroup key={field.id} field={field} {...rest} />\n            ))}\n          </Box>\n          {anyApplied && (\n            <MoreFooter onClearAll={onClearAll} testIdPrefix={rest.testIdPrefix} />\n          )}\n        </Box>\n      </Popover>\n    </>\n  );\n}\n"],"mappings":"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","names":["default"]}

package/dist/chunk-K2XK45HG.js

@@ -1,92 +0,0 @@
-import {
-  MIN_QUERY_LENGTH,
-  addressOptionLabel,
-  isSameAddressOption
-} from "./chunk-MTGEJRE4.js";
-import {
-  AddressSuggestionsPaper
-} from "./chunk-ST4YYVUK.js";
-import {
-  AddressOption
-} from "./chunk-PDLJOQO5.js";
-import {
-  AddressInputField
-} from "./chunk-6M33XQLZ.js";
-
-// src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx
-import Alert from "@mui/material/Alert/index.js";
-import Autocomplete from "@mui/material/Autocomplete/index.js";
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var AddressAutocompleteField = ({
-  copy,
-  variant,
-  label,
-  placeholder,
-  icon,
-  floating,
-  error,
-  helperText,
-  disabled,
-  required,
-  fullWidth,
-  getCurrentLocation,
-  inputValue,
-  options,
-  loading,
-  apiError,
-  handleInputChange,
-  handleSelect,
-  handleGetCurrentLocation
-}) => /* @__PURE__ */ jsxs(Box, { "data-testid": "address-autocomplete-container", children: [
-  /* @__PURE__ */ jsx(
-    Autocomplete,
-    {
-      freeSolo: true,
-      options,
-      inputValue,
-      onInputChange: handleInputChange,
-      onChange: handleSelect,
-      loading,
-      disabled,
-      fullWidth,
-      getOptionLabel: addressOptionLabel,
-      isOptionEqualToValue: isSameAddressOption,
-      PaperComponent: AddressSuggestionsPaper,
-      noOptionsText: inputValue.length <= MIN_QUERY_LENGTH ? "Type at least 3 characters" : "No addresses found",
-      renderOption: ({ key, ...optionProps }, option, state) => /* @__PURE__ */ jsx(
-        AddressOption,
-        {
-          optionProps,
-          option,
-          index: state.index
-        },
-        key
-      ),
-      renderInput: (params) => /* @__PURE__ */ jsx(
-        AddressInputField,
-        {
-          copy,
-          params,
-          addressVariant: variant,
-          label: floating ? void 0 : label,
-          placeholder,
-          icon,
-          error: error || !!apiError,
-          helperText: apiError || helperText,
-          required,
-          disabled,
-          loading,
-          showCurrentLocation: getCurrentLocation && !loading,
-          onGetCurrentLocation: handleGetCurrentLocation
-        }
-      )
-    }
-  ),
-  apiError && /* @__PURE__ */ jsx(Alert, { severity: "warning", sx: { mt: 1 }, children: apiError })
-] });
-
-export {
-  AddressAutocompleteField
-};
-//# sourceMappingURL=chunk-K2XK45HG.js.map

package/dist/chunk-K6FCXPTS.js

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

package/dist/chunk-K6FCXPTS.js.map

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