@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-V3SBJ3PB.js

@@ -1,109 +0,0 @@
-import {
-  LEAD_FONT_SIZE,
-  LEAD_LETTER_SPACING_EM,
-  LEAD_LINE_HEIGHT,
-  MUTED_OPACITY,
-  PARAGRAPH_FONT_WEIGHT,
-  PARAGRAPH_MARGIN_BOTTOM_EM,
-  PARAGRAPH_SIZES,
-  SMALL_FONT_SIZE,
-  SMALL_LINE_HEIGHT
-} from "./chunk-QKLGH3RZ.js";
-import {
-  resolveTestId,
-  withoutTestIdProps
-} from "./chunk-QLWBQQW7.js";
-import {
-  px
-} from "./chunk-NQN5Z36J.js";
-
-// src/components/typography/Paragraph/Paragraph.tsx
-import Typography from "@mui/material/Typography/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return theme.palette.text.primary;
-  }
-  const colorMap = {
-    primary: theme.palette.primary.main,
-    secondary: theme.palette.secondary.main,
-    success: theme.palette.success.main,
-    warning: theme.palette.warning.main,
-    info: theme.palette.info.main,
-    danger: theme.palette.error.main
-  };
-  return colorMap[color] || theme.palette.text.primary;
-};
-var sizeMap = Object.fromEntries(
-  Object.entries(PARAGRAPH_SIZES).map(([size, step]) => [
-    size,
-    { fontSize: px(step.fontSize), lineHeight: step.lineHeight }
-  ])
-);
-var sizeOverride = (customSize, atDefault) => customSize === "md" ? px(atDefault) : sizeMap[customSize]?.fontSize;
-var StyledParagraph = styled(Typography, {
-  shouldForwardProp: (prop) => !["customVariant", "customColor", "customSize"].includes(prop)
-})(({ theme, customVariant = "default", customColor = "neutral", customSize = "md" }) => {
-  const textColor = getColorFromTheme(theme, customColor);
-  const baseStyles = {
-    fontFamily: theme.typography.body1.fontFamily,
-    margin: `0 0 ${PARAGRAPH_MARGIN_BOTTOM_EM}em 0`,
-    transition: "all 0.2s ease",
-    ...sizeMap[customSize]
-  };
-  const variantStyles = {
-    default: {
-      ...baseStyles,
-      color: textColor,
-      fontWeight: PARAGRAPH_FONT_WEIGHT
-    },
-    lead: {
-      ...baseStyles,
-      color: textColor,
-      fontWeight: PARAGRAPH_FONT_WEIGHT,
-      fontSize: sizeOverride(customSize, LEAD_FONT_SIZE),
-      lineHeight: LEAD_LINE_HEIGHT,
-      letterSpacing: `${LEAD_LETTER_SPACING_EM}em`
-    },
-    muted: {
-      ...baseStyles,
-      color: theme.palette.text.secondary,
-      fontWeight: PARAGRAPH_FONT_WEIGHT,
-      opacity: MUTED_OPACITY
-    },
-    small: {
-      ...baseStyles,
-      color: theme.palette.text.secondary,
-      fontSize: sizeOverride(customSize, SMALL_FONT_SIZE),
-      fontWeight: PARAGRAPH_FONT_WEIGHT,
-      lineHeight: SMALL_LINE_HEIGHT
-    }
-  };
-  return variantStyles[customVariant] || variantStyles.default;
-});
-var Paragraph = React.forwardRef(
-  ({ variant = "default", color = "neutral", size = "md", children, ...others }, ref) => {
-    const testId = resolveTestId(others);
-    const props = withoutTestIdProps(others);
-    return /* @__PURE__ */ jsx(
-      StyledParagraph,
-      {
-        ref,
-        "data-testid": testId,
-        customVariant: variant,
-        customColor: color,
-        customSize: size,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Paragraph.displayName = "Paragraph";
-
-export {
-  Paragraph
-};
-//# sourceMappingURL=chunk-V3SBJ3PB.js.map

package/dist/chunk-VJK5FBNK.js

@@ -1,46 +0,0 @@
-import {
-  SPACER_FLEX_GROW,
-  SPACER_FLEX_SHRINK,
-  spacerDimensions
-} from "./chunk-N7MJ6CNC.js";
-import {
-  resolveTestId
-} from "./chunk-QLWBQQW7.js";
-
-// src/components/layout/Spacer/Spacer.tsx
-import Box from "@mui/material/Box/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { jsx } from "react/jsx-runtime";
-var Spacer = ({
-  size,
-  direction,
-  width,
-  height,
-  flex = false,
-  className,
-  ...testIdProps
-}) => {
-  const theme = useTheme();
-  const dimensions = spacerDimensions({ size, direction, width, height }, (units) => theme.spacing(units));
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      className,
-      "data-testid": resolveTestId(testIdProps),
-      sx: {
-        width: dimensions.width,
-        height: dimensions.height,
-        flex: flex ? SPACER_FLEX_GROW : void 0,
-        flexShrink: SPACER_FLEX_SHRINK,
-        pointerEvents: "none",
-        userSelect: "none"
-      },
-      "aria-hidden": "true"
-    }
-  );
-};
-
-export {
-  Spacer
-};
-//# sourceMappingURL=chunk-VJK5FBNK.js.map

package/dist/chunk-VOOPGAQO.js

@@ -1,83 +0,0 @@
-import {
-  useFormContext
-} from "./chunk-4XK6JQ4D.js";
-import {
-  CepField
-} from "./chunk-FWCUELBU.js";
-
-// src/components/form/total-form/Fields/CepField.tsx
-import { useCallback, useMemo, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var PARTS = ["street", "neighborhood", "city", "state"];
-function useOwnedAutofill() {
-  const { values, setFieldValue } = useFormContext();
-  const autoFilledRef = useRef({});
-  const valuesRef = useRef(values);
-  valuesRef.current = values;
-  const write = useCallback(
-    (field, value) => {
-      const current = (valuesRef.current[field] ?? "").trim();
-      const ours = autoFilledRef.current[field] === current;
-      if (current !== "" && !ours) return;
-      setFieldValue(field, value);
-      if (value) {
-        autoFilledRef.current[field] = value;
-      } else {
-        delete autoFilledRef.current[field];
-      }
-    },
-    [setFieldValue]
-  );
-  const clearOwned = useCallback(() => {
-    for (const field of Object.keys(autoFilledRef.current)) {
-      write(field, "");
-    }
-  }, [write]);
-  return useMemo(() => ({ write, clearOwned }), [write, clearOwned]);
-}
-function CepField2({
-  name,
-  label,
-  lookup,
-  fills,
-  debounceMs,
-  copy
-}) {
-  const { values, errors, setFieldValue } = useFormContext();
-  const { write, clearOwned } = useOwnedAutofill();
-  const handleResolved = useCallback(
-    (address) => {
-      if (!fills) return;
-      for (const part of PARTS) {
-        const field = fills[part];
-        if (field) write(field, address[part] ?? "");
-      }
-    },
-    [fills, write]
-  );
-  const handleChange = useCallback(
-    (masked) => setFieldValue(name, masked),
-    [name, setFieldValue]
-  );
-  return /* @__PURE__ */ jsx(
-    CepField,
-    {
-      copy,
-      name,
-      label,
-      value: values[name] ?? "",
-      error: errors[name],
-      onChange: handleChange,
-      onLookup: lookup,
-      onResolved: handleResolved,
-      onNotFound: clearOwned,
-      debounceMs,
-      dataTestId: `total-form-field-${name}`
-    }
-  );
-}
-
-export {
-  CepField2 as CepField
-};
-//# sourceMappingURL=chunk-VOOPGAQO.js.map

package/dist/chunk-VSLUFBMT.js

@@ -1,206 +0,0 @@
-import {
-  fieldEdge
-} from "./chunk-MLOWPVVW.js";
-
-// src/components/form/Select/Select.tsx
-import FormControl from "@mui/material/FormControl/index.js";
-import FormHelperText from "@mui/material/FormHelperText/index.js";
-import InputLabel from "@mui/material/InputLabel/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import MuiSelect from "@mui/material/Select/index.js";
-import { alpha, keyframes, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 10px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var glowStyles = (theme) => ({
-  "& .MuiOutlinedInput-root": {
-    boxShadow: `0 0 15px ${alpha(theme.palette.primary.main, 0.3)}`,
-    "&.Mui-focused": {
-      boxShadow: `0 0 20px ${alpha(theme.palette.primary.main, 0.5)}`
-    }
-  }
-});
-var pulseStyles = (theme) => ({
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: "50%",
-    left: "0",
-    right: "0",
-    height: "56px",
-    transform: "translateY(-50%)",
-    borderRadius: theme.spacing(0.5),
-    backgroundColor: theme.palette.primary.main,
-    opacity: 0.3,
-    animation: `${pulseAnimation} 2s infinite`,
-    pointerEvents: "none",
-    zIndex: -1
-  }
-});
-var glassVariant = (theme) => ({
-  backgroundColor: alpha(theme.palette.background.paper, 0.1),
-  backdropFilter: "blur(20px)",
-  border: `1px solid ${fieldEdge(theme)}`,
-  "& fieldset": { border: "none" },
-  "&:hover": {
-    backgroundColor: alpha(theme.palette.background.paper, 0.15),
-    borderColor: alpha(theme.palette.primary.main, 0.3)
-  },
-  "&.Mui-focused": {
-    backgroundColor: alpha(theme.palette.background.paper, 0.2),
-    borderColor: theme.palette.primary.main,
-    boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.1)}`
-  }
-});
-var gradientVariant = (theme) => ({
-  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,
-  border: `2px solid transparent`,
-  backgroundOrigin: "border-box",
-  backgroundClip: "padding-box, border-box",
-  position: "relative",
-  "& fieldset": { border: "none" },
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    borderRadius: "inherit",
-    background: `linear-gradient(135deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
-    mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
-    maskComposite: "exclude",
-    padding: "2px",
-    zIndex: -1
-  },
-  "&:hover": {
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)}, ${alpha(theme.palette.secondary.main, 0.15)})`
-  },
-  "&.Mui-focused": {
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)}, ${alpha(theme.palette.secondary.main, 0.2)})`,
-    "&::before": {
-      background: `linear-gradient(135deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`
-    }
-  }
-});
-var defaultVariant = (theme) => ({
-  "& fieldset": { borderColor: fieldEdge(theme) },
-  "&:hover fieldset": { borderColor: theme.palette.primary.main },
-  "&.Mui-focused fieldset": { borderColor: theme.palette.primary.main, borderWidth: 2 },
-  "&.Mui-error fieldset": { borderColor: theme.palette.error.main }
-});
-var variantStyles = (theme, variant) => {
-  if (variant === "glass") return glassVariant(theme);
-  if (variant === "gradient") return gradientVariant(theme);
-  return defaultVariant(theme);
-};
-var StyledFormControl = styled(FormControl, {
-  shouldForwardProp: (prop) => prop !== "customVariant" && prop !== "glow" && prop !== "pulse"
-})(({ theme, customVariant, glow, pulse }) => ({
-  position: "relative",
-  ...glow ? glowStyles(theme) : {},
-  ...pulse ? pulseStyles(theme) : {},
-  "& .MuiOutlinedInput-root": {
-    transition: "all 0.3s ease",
-    ...variantStyles(theme, customVariant)
-  }
-}));
-function renderMenuItems(options, placeholder, dataTestId) {
-  const optionTestId = (value) => dataTestId ? `${dataTestId}-option-${value}` : `option-${value}`;
-  const items = options.map((option) => /* @__PURE__ */ jsx(
-    MenuItem,
-    {
-      value: option.value,
-      disabled: option.disabled,
-      "data-testid": optionTestId(option.value),
-      children: option.label
-    },
-    option.value
-  ));
-  if (placeholder) {
-    items.unshift(
-      /* @__PURE__ */ jsx(MenuItem, { value: "", disabled: true, children: placeholder }, "__placeholder__")
-    );
-  }
-  return items;
-}
-var formControlSize = (size) => {
-  if (size === void 0) return void 0;
-  return size === "sm" ? "small" : "medium";
-};
-var Select = React.forwardRef(
-  ({
-    // `variant`/`size`/`glow`/`pulse` intentionally have no defaults: undefined
-    // resolves to the default variant, MUI's medium size, and no glow/pulse —
-    // keeping this render function under the complexity budget.
-    variant,
-    options,
-    label,
-    helperText,
-    fullWidth = true,
-    size,
-    error,
-    placeholder,
-    glow,
-    pulse,
-    "data-testid": dataTestId,
-    value,
-    "aria-label": ariaLabel,
-    ...props
-  }, ref) => {
-    const labelId = React.useId();
-    const helperTextId = React.useId();
-    const selectId = React.useId();
-    return /* @__PURE__ */ jsxs(
-      StyledFormControl,
-      {
-        fullWidth,
-        size: formControlSize(size),
-        error,
-        customVariant: variant,
-        glow,
-        pulse,
-        ref,
-        "data-testid": dataTestId,
-        children: [
-          label && /* @__PURE__ */ jsx(InputLabel, { id: labelId, htmlFor: selectId, children: label }),
-          /* @__PURE__ */ jsx(
-            MuiSelect,
-            {
-              id: selectId,
-              labelId: label ? labelId : void 0,
-              label,
-              displayEmpty: Boolean(placeholder),
-              "aria-describedby": helperText ? helperTextId : void 0,
-              "data-testid": dataTestId ? `${dataTestId}-select` : "select",
-              value: value ?? "",
-              ...props,
-              SelectDisplayProps: ariaLabel === void 0 ? void 0 : { "aria-label": ariaLabel, "aria-labelledby": void 0 },
-              children: renderMenuItems(options, placeholder, dataTestId)
-            }
-          ),
-          helperText && /* @__PURE__ */ jsx(FormHelperText, { id: helperTextId, error, children: helperText })
-        ]
-      }
-    );
-  }
-);
-Select.displayName = "Select";
-
-export {
-  Select
-};
-//# sourceMappingURL=chunk-VSLUFBMT.js.map

package/dist/chunk-VSLUFBMT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Select/Select.tsx"],"sourcesContent":["import FormControl from '@mui/material/FormControl/index.js';\nimport FormHelperText from '@mui/material/FormHelperText/index.js';\nimport InputLabel from '@mui/material/InputLabel/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport MuiSelect from '@mui/material/Select/index.js';\nimport { alpha, type CSSObject, keyframes, styled, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { SelectProps } from './Select.types';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 10px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/** Glow ring on the outlined input, keyed off the `glow` prop. */\nconst glowStyles = (theme: Theme): CSSObject => ({\n  '& .MuiOutlinedInput-root': {\n    boxShadow: `0 0 15px ${alpha(theme.palette.primary.main, 0.3)}`,\n    '&.Mui-focused': {\n      boxShadow: `0 0 20px ${alpha(theme.palette.primary.main, 0.5)}`,\n    },\n  },\n});\n\n/** Pulsing halo behind the control, keyed off the `pulse` prop. */\nconst pulseStyles = (theme: Theme): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '0',\n    right: '0',\n    height: '56px',\n    transform: 'translateY(-50%)',\n    borderRadius: theme.spacing(0.5),\n    backgroundColor: theme.palette.primary.main,\n    opacity: 0.3,\n    animation: `${pulseAnimation} 2s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\n/** `glass` variant: translucent, blurred background. */\nconst glassVariant = (theme: Theme): CSSObject => ({\n  backgroundColor: alpha(theme.palette.background.paper, 0.1),\n  backdropFilter: 'blur(20px)',\n  border: `1px solid ${fieldEdge(theme)}`,\n  '& fieldset': { border: 'none' },\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.background.paper, 0.15),\n    borderColor: alpha(theme.palette.primary.main, 0.3),\n  },\n  '&.Mui-focused': {\n    backgroundColor: alpha(theme.palette.background.paper, 0.2),\n    borderColor: theme.palette.primary.main,\n    boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.1)}`,\n  },\n});\n\n/** `gradient` variant: gradient fill with a masked gradient border. */\nconst gradientVariant = (theme: Theme): CSSObject => ({\n  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,\n  border: `2px solid transparent`,\n  backgroundOrigin: 'border-box',\n  backgroundClip: 'padding-box, border-box',\n  position: 'relative',\n  '& fieldset': { border: 'none' },\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: 'inherit',\n    background: `linear-gradient(135deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,\n    mask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',\n    maskComposite: 'exclude',\n    padding: '2px',\n    zIndex: -1,\n  },\n  '&:hover': {\n    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)}, ${alpha(theme.palette.secondary.main, 0.15)})`,\n  },\n  '&.Mui-focused': {\n    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)}, ${alpha(theme.palette.secondary.main, 0.2)})`,\n    '&::before': {\n      background: `linear-gradient(135deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`,\n    },\n  },\n});\n\n/** `default` variant: standard outlined borders with hover/focus/error states. */\nconst defaultVariant = (theme: Theme): CSSObject => ({\n  '& fieldset': { borderColor: fieldEdge(theme) },\n  '&:hover fieldset': { borderColor: theme.palette.primary.main },\n  '&.Mui-focused fieldset': { borderColor: theme.palette.primary.main, borderWidth: 2 },\n  '&.Mui-error fieldset': { borderColor: theme.palette.error.main },\n});\n\n/** Pick the variant style block for the outlined input. */\nconst variantStyles = (theme: Theme, variant: SelectProps['variant']): CSSObject => {\n  if (variant === 'glass') return glassVariant(theme);\n  if (variant === 'gradient') return gradientVariant(theme);\n  return defaultVariant(theme);\n};\n\nconst StyledFormControl = styled(FormControl, {\n  shouldForwardProp: (prop) => prop !== 'customVariant' && prop !== 'glow' && prop !== 'pulse',\n})<{\n  customVariant?: SelectProps['variant'];\n  glow?: boolean;\n  pulse?: boolean;\n}>(({ theme, customVariant, glow, pulse }) => ({\n  position: 'relative',\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme) : {}),\n  '& .MuiOutlinedInput-root': {\n    transition: 'all 0.3s ease',\n    ...variantStyles(theme, customVariant),\n  },\n}));\n\n/**\n * Build the placeholder item plus one MenuItem per option. Returns a flat ARRAY\n * (not a Fragment): MUI `Select` enumerates its children with `React.Children`,\n * which does not descend into Fragments — a Fragment would hide every option.\n */\nfunction renderMenuItems(\n  options: SelectProps['options'],\n  placeholder: string | undefined,\n  dataTestId: string | undefined,\n): React.ReactNode[] {\n  const optionTestId = (value: string | number): string =>\n    dataTestId ? `${dataTestId}-option-${value}` : `option-${value}`;\n  const items = options.map((option) => (\n    <MenuItem\n      key={option.value}\n      value={option.value}\n      disabled={option.disabled}\n      data-testid={optionTestId(option.value)}\n    >\n      {option.label}\n    </MenuItem>\n  ));\n  if (placeholder) {\n    items.unshift(\n      <MenuItem key=\"__placeholder__\" value=\"\" disabled>\n        {placeholder}\n      </MenuItem>,\n    );\n  }\n  return items;\n}\n\n/**\n * The house scale as a FormControl size.\n *\n * Not `muiSize`: that collapses five onto MUI's three, and a FormControl takes\n * only two. This component's scale is already narrowed to `sm | md`, so the map\n * is exact rather than lossy.\n */\nconst formControlSize = (size: SelectProps['size']): 'small' | 'medium' | undefined => {\n  if (size === undefined) return undefined;\n  return size === 'sm' ? 'small' : 'medium';\n};\n\nexport const Select = React.forwardRef<HTMLDivElement, SelectProps>(\n  (\n    {\n      // `variant`/`size`/`glow`/`pulse` intentionally have no defaults: undefined\n      // resolves to the default variant, MUI's medium size, and no glow/pulse —\n      // keeping this render function under the complexity budget.\n      variant,\n      options,\n      label,\n      helperText,\n      fullWidth = true,\n      size,\n      error,\n      placeholder,\n      glow,\n      pulse,\n      'data-testid': dataTestId,\n      value,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    const labelId = React.useId();\n    const helperTextId = React.useId();\n    const selectId = React.useId();\n\n    return (\n      <StyledFormControl\n        fullWidth={fullWidth}\n        size={formControlSize(size)}\n        error={error}\n        customVariant={variant}\n        glow={glow}\n        pulse={pulse}\n        ref={ref}\n        data-testid={dataTestId}\n      >\n        {label && (\n          <InputLabel id={labelId} htmlFor={selectId}>\n            {label}\n          </InputLabel>\n        )}\n        <MuiSelect\n          id={selectId}\n          labelId={label ? labelId : undefined}\n          label={label}\n          displayEmpty={Boolean(placeholder)}\n          aria-describedby={helperText ? helperTextId : undefined}\n          data-testid={dataTestId ? `${dataTestId}-select` : 'select'}\n          value={value ?? ''}\n          {...props}\n          /*\n           * `role=\"combobox\"` sits on MUI's display DIV, not on the hidden\n           * native input that `{...props}` reaches — so an `aria-label` passed\n           * to this component never landed on the element carrying the role,\n           * and MUI's `aria-labelledby` then fell back to that div's OWN id.\n           * The control announced as its current value: a filter's field\n           * select read \"Status\" instead of \"Filtro 1 — campo\".\n           *\n           * Forwarding it here names the right element. The explicit\n           * `undefined` clears that self-referential `aria-labelledby`, which\n           * would otherwise win — a labelledby always beats a label in the\n           * accessible-name computation.\n           */\n          SelectDisplayProps={\n            ariaLabel === undefined\n              ? undefined\n              : { 'aria-label': ariaLabel, 'aria-labelledby': undefined }\n          }\n        >\n          {renderMenuItems(options, placeholder, dataTestId)}\n        </MuiSelect>\n        {helperText && (\n          <FormHelperText id={helperTextId} error={error}>\n            {helperText}\n          </FormHelperText>\n        )}\n      </StyledFormControl>\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n"],"mappings":"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","names":[]}

package/dist/chunk-W3FAKT3D.js

@@ -1,167 +0,0 @@
-import {
-  BOUNCE_KEYFRAMES
-} from "./chunk-DRADVLHZ.js";
-import {
-  getScaleDistance
-} from "./chunk-TUBCN4DJ.js";
-
-// src/components/data-display/MapPreview/MapDecorations.tsx
-import LocationIcon from "@mui/icons-material/LocationOn";
-import NavigationIcon from "@mui/icons-material/Navigation";
-import PlaceIcon from "@mui/icons-material/Place";
-import Box from "@mui/material/Box/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var MapRoads = () => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(Box, { sx: { position: "absolute", top: "20%", left: "15%", width: "70%", height: "60%", opacity: 0.2 }, children: /* @__PURE__ */ jsxs("svg", { width: "100%", height: "100%", style: { position: "absolute" }, children: [
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M 10,50 Q 30,30 50,50 T 90,50",
-        stroke: theme.palette.text.secondary,
-        strokeWidth: "2",
-        fill: "none",
-        opacity: "0.3"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M 50,10 L 50,90",
-        stroke: theme.palette.text.secondary,
-        strokeWidth: "1.5",
-        fill: "none",
-        opacity: "0.3"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "path",
-      {
-        d: "M 20,30 L 80,70",
-        stroke: theme.palette.text.secondary,
-        strokeWidth: "1",
-        fill: "none",
-        opacity: "0.2"
-      }
-    )
-  ] }) });
-};
-var DecorativePin = ({ top, left }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(Box, { sx: { position: "absolute", top, left, opacity: 0.6 }, children: /* @__PURE__ */ jsx(PlaceIcon, { sx: { fontSize: 20, color: theme.palette.primary.main } }) });
-};
-var MapDecorativePins = () => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(DecorativePin, { top: "30%", left: "25%" }),
-  /* @__PURE__ */ jsx(DecorativePin, { top: "65%", left: "70%" })
-] });
-var MapCentreMarker = () => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-testid": "map-marker",
-      sx: {
-        position: "absolute",
-        top: "50%",
-        left: "50%",
-        transform: "translate(-50%, -100%)",
-        zIndex: 2,
-        filter: "drop-shadow(0 2px 4px rgba(0,0,0,0.3))"
-      },
-      children: /* @__PURE__ */ jsx(
-        LocationIcon,
-        {
-          sx: {
-            fontSize: 36,
-            color: theme.palette.error.main,
-            animation: "bounce 2s infinite",
-            "@keyframes bounce": BOUNCE_KEYFRAMES
-          }
-        }
-      )
-    }
-  );
-};
-var MapScaleBar = ({ zoom }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        position: "absolute",
-        bottom: theme.spacing(2),
-        right: theme.spacing(2),
-        display: "flex",
-        alignItems: "center",
-        gap: 0.5,
-        padding: theme.spacing(0.5, 1),
-        background: alpha(theme.palette.background.paper, 0.9),
-        borderRadius: theme.shape.borderRadius,
-        fontSize: "0.75rem",
-        color: theme.palette.text.secondary
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            sx: {
-              width: 40,
-              height: 2,
-              background: theme.palette.text.secondary,
-              position: "relative",
-              // The end caps that make the bar read as a measurement.
-              "&::before, &::after": {
-                content: '""',
-                position: "absolute",
-                width: 2,
-                height: 6,
-                background: theme.palette.text.secondary
-              },
-              "&::before": { left: 0, top: -2 },
-              "&::after": { right: 0, top: -2 }
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(Typography, { variant: "caption", children: getScaleDistance(zoom) })
-      ]
-    }
-  );
-};
-var MapCompass = () => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        position: "absolute",
-        top: theme.spacing(2),
-        left: theme.spacing(2),
-        width: 40,
-        height: 40,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        background: alpha(theme.palette.background.paper, 0.9),
-        borderRadius: "50%",
-        boxShadow: theme.shadows[2]
-      },
-      children: /* @__PURE__ */ jsx(
-        NavigationIcon,
-        {
-          sx: { fontSize: 24, color: theme.palette.primary.main, transform: "rotate(-45deg)" }
-        }
-      )
-    }
-  );
-};
-
-export {
-  MapRoads,
-  MapDecorativePins,
-  MapCentreMarker,
-  MapScaleBar,
-  MapCompass
-};
-//# sourceMappingURL=chunk-W3FAKT3D.js.map