@12-apps/ui 6.20.0 → 6.21.0

package/dist/{chunk-BJ3J6FTN.js → chunk-STH66VLA.js}

@@ -1,7 +1,24 @@
+import {
+  CHECKBOX_GLOW,
+  CHECKBOX_HELPER,
+  CHECKBOX_HOVER_ALPHA,
+  CHECKBOX_LABEL,
+  CHECKBOX_PULSE,
+  CHECKBOX_SPINNER,
+  CHECKBOX_TRANSITION_MS,
+  CHECKBOX_VARIANT,
+  effectInk
+} from "./chunk-5ZNU2U4D.js";
 import {
   makeTestId,
   resolveCheckboxProps
-} from "./chunk-JD364H3Y.js";
+} from "./chunk-TZ633UZA.js";
+import {
+  splitTestId
+} from "./chunk-6F5IKY32.js";
+import {
+  px
+} from "./chunk-NQN5Z36J.js";
 
 // src/components/form/Checkbox/Checkbox.tsx
 import MuiCheckbox from "@mui/material/Checkbox/index.js";
@@ -13,21 +30,21 @@ import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var pulse = keyframes`
   0% {
-    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.7);
+    box-shadow: 0 0 0 0 ${effectInk(CHECKBOX_PULSE.alpha)};
   }
   70% {
-    box-shadow: 0 0 0 10px rgba(25, 118, 210, 0);
+    box-shadow: 0 0 0 ${CHECKBOX_PULSE.spread}px ${effectInk(0)};
   }
   100% {
-    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0);
+    box-shadow: 0 0 0 0 ${effectInk(0)};
   }
 `;
 var glow = keyframes`
   0%, 100% {
-    box-shadow: 0 0 5px rgba(25, 118, 210, 0.5);
+    box-shadow: 0 0 ${CHECKBOX_GLOW.blur.from}px ${effectInk(CHECKBOX_GLOW.alpha.from)};
   }
   50% {
-    box-shadow: 0 0 20px rgba(25, 118, 210, 0.8);
+    box-shadow: 0 0 ${CHECKBOX_GLOW.blur.to}px ${effectInk(CHECKBOX_GLOW.alpha.to)};
   }
 `;
 var StyledCheckbox = styled(MuiCheckbox, {
@@ -36,30 +53,30 @@ var StyledCheckbox = styled(MuiCheckbox, {
   ({ theme, customVariant, ripple, glow: glowProp, pulse: pulseProp }) => ({
     ...customVariant === "rounded" && {
       "& .MuiSvgIcon-root": {
-        borderRadius: "50%"
+        borderRadius: CHECKBOX_VARIANT.rounded.radius
       }
     },
     ...customVariant === "toggle" && {
       "& .MuiSvgIcon-root": {
-        borderRadius: "12px",
-        transform: "scale(1.2)"
+        borderRadius: `${CHECKBOX_VARIANT.toggle.radius}px`,
+        transform: `scale(${CHECKBOX_VARIANT.toggle.scale})`
       }
     },
     "&.MuiCheckbox-root": {
-      transition: "all 0.3s ease",
+      transition: `all ${CHECKBOX_TRANSITION_MS / 1e3}s ease`,
       ...ripple === false && {
         "& .MuiTouchRipple-root": {
           display: "none"
         }
       },
       ...glowProp && {
-        animation: `${glow} 2s ease-in-out infinite`
+        animation: `${glow} ${CHECKBOX_GLOW.ms / 1e3}s ease-in-out infinite`
       },
       ...pulseProp && {
-        animation: `${pulse} 2s infinite`
+        animation: `${pulse} ${CHECKBOX_PULSE.ms / 1e3}s infinite`
       },
       "&:hover": {
-        backgroundColor: alpha(theme.palette.primary.main, 0.1)
+        backgroundColor: alpha(theme.palette.primary.main, CHECKBOX_HOVER_ALPHA)
       }
     },
     "&.Mui-checked": {
@@ -74,16 +91,16 @@ var StyledFormControlLabel = styled(FormControlLabel, {
   shouldForwardProp: (prop) => prop !== "error"
 })(
   ({ theme, error }) => ({
-    marginLeft: 0,
+    marginLeft: CHECKBOX_LABEL.marginLeft,
     "& .MuiFormControlLabel-label": {
       color: error ? theme.palette.error.main : theme.palette.text.primary,
-      fontSize: "0.875rem"
+      fontSize: px(CHECKBOX_LABEL.fontSize)
     }
   })
 );
 var StyledFormHelperText = styled(FormHelperText)(({ theme }) => ({
-  marginLeft: theme.spacing(4),
-  marginTop: theme.spacing(0.5)
+  marginLeft: theme.spacing(CHECKBOX_HELPER.marginLeftUnits),
+  marginTop: theme.spacing(CHECKBOX_HELPER.marginTopUnits)
 }));
 var Checkbox = React.forwardRef(
   (rawProps, ref) => {
@@ -97,10 +114,10 @@ var Checkbox = React.forwardRef(
       glow: glow2,
       pulse: pulse2,
       disabled,
-      "data-testid": dataTestId,
-      ...props
+      ...others
     } = resolveCheckboxProps(rawProps);
     const isDisabled = disabled || loading;
+    const { testId: dataTestId, rest: props } = splitTestId(others);
     const testId = makeTestId(dataTestId);
     const checkbox = /* @__PURE__ */ jsxs("div", { style: { position: "relative", display: "inline-flex" }, children: [
       /* @__PURE__ */ jsx(
@@ -119,13 +136,13 @@ var Checkbox = React.forwardRef(
       loading && /* @__PURE__ */ jsx(
         CircularProgress,
         {
-          size: 20,
+          size: CHECKBOX_SPINNER.size,
           sx: {
             position: "absolute",
             top: "50%",
             left: "50%",
-            marginTop: "-10px",
-            marginLeft: "-10px",
+            marginTop: `${CHECKBOX_SPINNER.offset}px`,
+            marginLeft: `${CHECKBOX_SPINNER.offset}px`,
             color: "primary.main"
           }
         }
@@ -160,4 +177,4 @@ Checkbox.displayName = "Checkbox";
 export {
   Checkbox
 };
-//# sourceMappingURL=chunk-BJ3J6FTN.js.map
+//# sourceMappingURL=chunk-STH66VLA.js.map

package/dist/chunk-STH66VLA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Checkbox/Checkbox.tsx"],"sourcesContent":["import MuiCheckbox from '@mui/material/Checkbox/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport FormControlLabel from '@mui/material/FormControlLabel/index.js';\nimport FormHelperText from '@mui/material/FormHelperText/index.js';\nimport { alpha, keyframes, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { makeTestId, resolveCheckboxProps } from './Checkbox.helpers';\nimport {\n  CHECKBOX_GLOW,\n  CHECKBOX_HELPER,\n  CHECKBOX_HOVER_ALPHA,\n  CHECKBOX_LABEL,\n  CHECKBOX_PULSE,\n  CHECKBOX_SPINNER,\n  CHECKBOX_TRANSITION_MS,\n  CHECKBOX_VARIANT,\n  effectInk,\n} from './Checkbox.metrics';\nimport type { CheckboxProps } from './Checkbox.types';\nimport { splitTestId } from '../../../platform/test-id';\nimport { px } from '../../../tokens/theme';\n\nconst pulse = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 ${effectInk(CHECKBOX_PULSE.alpha)};\n  }\n  70% {\n    box-shadow: 0 0 0 ${CHECKBOX_PULSE.spread}px ${effectInk(0)};\n  }\n  100% {\n    box-shadow: 0 0 0 0 ${effectInk(0)};\n  }\n`;\n\nconst glow = keyframes`\n  0%, 100% {\n    box-shadow: 0 0 ${CHECKBOX_GLOW.blur.from}px ${effectInk(CHECKBOX_GLOW.alpha.from)};\n  }\n  50% {\n    box-shadow: 0 0 ${CHECKBOX_GLOW.blur.to}px ${effectInk(CHECKBOX_GLOW.alpha.to)};\n  }\n`;\n\nconst StyledCheckbox = styled(MuiCheckbox, {\n  shouldForwardProp: (prop) => !['customVariant', 'ripple', 'glow', 'pulse'].includes(prop as string),\n})<{ \n  customVariant?: CheckboxProps['variant'];\n  ripple?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n}>(\n  ({ theme, customVariant, ripple, glow: glowProp, pulse: pulseProp }) => ({\n    ...(customVariant === 'rounded' && {\n      '& .MuiSvgIcon-root': {\n        borderRadius: CHECKBOX_VARIANT.rounded.radius,\n      },\n    }),\n    \n    ...(customVariant === 'toggle' && {\n      '& .MuiSvgIcon-root': {\n        borderRadius: `${CHECKBOX_VARIANT.toggle.radius}px`,\n        transform: `scale(${CHECKBOX_VARIANT.toggle.scale})`,\n      },\n    }),\n    \n    '&.MuiCheckbox-root': {\n      transition: `all ${CHECKBOX_TRANSITION_MS / 1000}s ease`,\n      ...(ripple === false && {\n        '& .MuiTouchRipple-root': {\n          display: 'none',\n        },\n      }),\n      ...(glowProp && {\n        animation: `${glow} ${CHECKBOX_GLOW.ms / 1000}s ease-in-out infinite`,\n      }),\n      ...(pulseProp && {\n        animation: `${pulse} ${CHECKBOX_PULSE.ms / 1000}s infinite`,\n      }),\n      '&:hover': {\n        backgroundColor: alpha(theme.palette.primary.main, CHECKBOX_HOVER_ALPHA),\n      },\n    },\n    \n    '&.Mui-checked': {\n      color: theme.palette.primary.main,\n    },\n    \n    '&.MuiCheckbox-indeterminate': {\n      color: theme.palette.primary.main,\n    },\n  })\n);\n\nconst StyledFormControlLabel = styled(FormControlLabel, {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error?: boolean }>(\n  ({ theme, error }) => ({\n    marginLeft: CHECKBOX_LABEL.marginLeft,\n    '& .MuiFormControlLabel-label': {\n      color: error ? theme.palette.error.main : theme.palette.text.primary,\n      fontSize: px(CHECKBOX_LABEL.fontSize),\n    },\n  })\n);\n\nconst StyledFormHelperText = styled(FormHelperText)(({ theme }) => ({\n  marginLeft: theme.spacing(CHECKBOX_HELPER.marginLeftUnits),\n  marginTop: theme.spacing(CHECKBOX_HELPER.marginTopUnits),\n}));\n\nexport const Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  (rawProps, ref) => {\n    const {\n      variant,\n      label,\n      error,\n      helperText,\n      loading,\n      ripple,\n      glow,\n      pulse,\n      disabled,\n      ...others\n    } = resolveCheckboxProps(rawProps);\n    const isDisabled = disabled || loading;\n    const { testId: dataTestId, rest: props } = splitTestId(others);\n    const testId = makeTestId(dataTestId);\n\n    const checkbox = (\n      <div style={{ position: 'relative', display: 'inline-flex' }}>\n        <StyledCheckbox\n          ref={ref}\n          customVariant={variant}\n          ripple={ripple}\n          glow={glow}\n          pulse={pulse}\n          disabled={isDisabled}\n          data-testid={dataTestId || 'checkbox'}\n          {...props}\n        />\n        {loading && (\n          <CircularProgress\n            size={CHECKBOX_SPINNER.size}\n            sx={{\n              position: 'absolute',\n              top: '50%',\n              left: '50%',\n              marginTop: `${CHECKBOX_SPINNER.offset}px`,\n              marginLeft: `${CHECKBOX_SPINNER.offset}px`,\n              color: 'primary.main',\n            }}\n          />\n        )}\n      </div>\n    );\n    \n    if (label) {\n      return (\n        <div data-testid={testId('container')}>\n          <StyledFormControlLabel\n            control={checkbox}\n            label={label}\n            error={error}\n            disabled={isDisabled}\n          />\n          {helperText && (\n            <StyledFormHelperText \n              error={error}\n              data-testid={testId('helper')}\n            >\n              {helperText}\n            </StyledFormHelperText>\n          )}\n        </div>\n      );\n    }\n    \n    return checkbox;\n  }\n);\n\nCheckbox.displayName = 'Checkbox';"],"mappings":"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","names":["glow","pulse"]}

package/dist/{chunk-FCOEJCUP.js → chunk-TFO6GBW7.js}

@@ -1,6 +1,6 @@
 import {
   fieldEdge
-} from "./chunk-MLOWPVVW.js";
+} from "./chunk-7FDU3FIN.js";
 
 // src/components/form/CategorySelect/CategorySelect.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -329,4 +329,4 @@ export {
   emptySx,
   skeletonSx
 };
-//# sourceMappingURL=chunk-FCOEJCUP.js.map
+//# sourceMappingURL=chunk-TFO6GBW7.js.map

package/dist/{chunk-2ZDTGI5V.js → chunk-THZ2NAA4.js}

@@ -1,3 +1,9 @@
+import {
+  AddressOption
+} from "./chunk-PDLJOQO5.js";
+import {
+  AddressInputField
+} from "./chunk-VXTYVJDK.js";
 import {
   MIN_QUERY_LENGTH,
   addressOptionLabel,
@@ -6,12 +12,6 @@ import {
 import {
   AddressSuggestionsPaper
 } from "./chunk-ST4YYVUK.js";
-import {
-  AddressOption
-} from "./chunk-PDLJOQO5.js";
-import {
-  AddressInputField
-} from "./chunk-SEH7KOVG.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -89,4 +89,4 @@ var AddressAutocompleteField = ({
 export {
   AddressAutocompleteField
 };
-//# sourceMappingURL=chunk-2ZDTGI5V.js.map
+//# sourceMappingURL=chunk-THZ2NAA4.js.map

package/dist/{chunk-OQXOYHIV.js → chunk-TLX66HCW.js}

@@ -2,15 +2,21 @@ import {
   TextFieldSlim
 } from "./chunk-SL6454K7.js";
 import {
-  SIZE_MAP,
   filledStyles,
   floatingLabelStyles,
   glowStyles,
   inputBaseStyles,
-  muiVariantFor,
   outlinedStyles,
   pulseStyles
-} from "./chunk-RMSH2I3O.js";
+} from "./chunk-S6YY2WWK.js";
+import {
+  INPUT_LOADING,
+  SIZE_MAP,
+  muiVariantFor
+} from "./chunk-DFK6QCXX.js";
+import {
+  splitTestId
+} from "./chunk-6F5IKY32.js";
 
 // src/components/form/Input/Input.tsx
 import CircularProgress from "@mui/material/CircularProgress/index.js";
@@ -22,7 +28,7 @@ var StyledTextField = styled(TextFieldSlim, {
   shouldForwardProp: (prop) => !["customVariant", "floating", "glow", "pulse", "loading"].includes(prop)
 })(({ theme, customVariant, floating, glow, pulse, loading }) => ({
   position: "relative",
-  opacity: loading ? 0.7 : 1,
+  opacity: loading ? INPUT_LOADING.opacity : 1,
   ...glow ? glowStyles(theme) : {},
   ...pulse ? pulseStyles(theme) : {},
   ...floating ? floatingLabelStyles(theme) : {},
@@ -38,7 +44,7 @@ var EndAdornment = ({
   endAdornment
 }) => {
   if (loading) {
-    return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(CircularProgress, { size: 20 }) });
+    return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(CircularProgress, { size: INPUT_LOADING.spinnerSize }) });
   }
   if (!endAdornment) return null;
   return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: endAdornment });
@@ -64,42 +70,44 @@ var Input = React.forwardRef(
     onClick,
     onFocus,
     onBlur,
-    "data-testid": dataTestId,
     "aria-label": ariaLabel,
-    ...props
-  }, ref) => /* @__PURE__ */ jsx(
-    StyledTextField,
-    {
-      ref,
-      variant: muiVariantFor(variant),
-      customVariant: variant,
-      floating,
-      glow,
-      pulse,
-      loading,
-      label,
-      error,
-      helperText,
-      fullWidth,
-      ...interactionProps(loading, onClick, props.disabled),
-      onFocus,
-      onBlur,
-      inputProps: {
-        "data-testid": dataTestId,
-        ...ariaLabel === void 0 ? {} : { "aria-label": ariaLabel }
-      },
-      InputProps: {
-        startAdornment: startAdornment && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }),
-        endAdornment: /* @__PURE__ */ jsx(EndAdornment, { loading, endAdornment })
-      },
-      ...SIZE_MAP[size],
-      ...props
-    }
-  )
+    ...rest
+  }, ref) => {
+    const { testId: dataTestId, rest: props } = splitTestId(rest);
+    return /* @__PURE__ */ jsx(
+      StyledTextField,
+      {
+        ref,
+        variant: muiVariantFor(variant),
+        customVariant: variant,
+        floating,
+        glow,
+        pulse,
+        loading,
+        label,
+        error,
+        helperText,
+        fullWidth,
+        ...interactionProps(loading, onClick, props.disabled),
+        onFocus,
+        onBlur,
+        inputProps: {
+          "data-testid": dataTestId,
+          ...ariaLabel === void 0 ? {} : { "aria-label": ariaLabel }
+        },
+        InputProps: {
+          startAdornment: startAdornment && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }),
+          endAdornment: /* @__PURE__ */ jsx(EndAdornment, { loading, endAdornment })
+        },
+        ...SIZE_MAP[size],
+        ...props
+      }
+    );
+  }
 );
 Input.displayName = "Input";
 
 export {
   Input
 };
-//# sourceMappingURL=chunk-OQXOYHIV.js.map
+//# sourceMappingURL=chunk-TLX66HCW.js.map

package/dist/chunk-TLX66HCW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/Input.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { INPUT_LOADING } from './Input.metrics';\nimport { TextFieldSlim } from './text-field-slim';\n\nimport {\n  filledStyles,\n  floatingLabelStyles,\n  glowStyles,\n  inputBaseStyles,\n  muiVariantFor,\n  outlinedStyles,\n  pulseStyles,\n  SIZE_MAP,\n} from './Input.styles';\nimport type { InputProps } from './Input.types';\nimport { splitTestId } from '../../../platform/test-id';\n\n/**\n * `TextFieldSlim`, not `TextField` — see `text-field-slim.tsx`. MUI's own\n * `TextField` imports `Select` unconditionally, and through it `Menu`,\n * `Popover`, `Modal` and seven more component modules, so every screen with one\n * text box shipped a dropdown it can never render. Same composition, same DOM,\n * same prop routing; the select branch is the only thing missing.\n */\nconst StyledTextField = styled(TextFieldSlim, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'floating', 'glow', 'pulse', 'loading'].includes(prop as string),\n})<{\n  customVariant?: InputProps['variant'];\n  floating?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  loading?: boolean;\n}>(({ theme, customVariant, floating, glow, pulse, loading }) => ({\n  position: 'relative',\n  opacity: loading ? INPUT_LOADING.opacity : 1,\n\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme) : {}),\n  ...(floating ? floatingLabelStyles(theme) : {}),\n\n  '& .MuiInputBase-root': {\n    transition: 'all 0.3s ease',\n    ...inputBaseStyles(theme, customVariant),\n  },\n\n  '& .MuiOutlinedInput-root': outlinedStyles(theme),\n  '& .MuiFilledInput-root': filledStyles(theme),\n}));\n\n/** Only one adornment shows at a time: the spinner replaces the caller's while loading. */\nconst EndAdornment: React.FC<{ loading: boolean; endAdornment?: React.ReactNode }> = ({\n  loading,\n  endAdornment,\n}) => {\n  if (loading) {\n    return (\n      <InputAdornment position=\"end\">\n        <CircularProgress size={INPUT_LOADING.spinnerSize} />\n      </InputAdornment>\n    );\n  }\n\n  if (!endAdornment) return null;\n\n  return <InputAdornment position=\"end\">{endAdornment}</InputAdornment>;\n};\n\n/** While loading the field is inert: no clicks, and disabled to assistive tech. */\nconst interactionProps = (\n  loading: boolean,\n  onClick: InputProps['onClick'],\n  disabled?: boolean,\n) => ({\n  disabled: loading || disabled,\n  onClick: loading ? undefined : onClick,\n});\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'outlined',\n      size = 'md',\n      label,\n      error,\n      helperText,\n      startAdornment,\n      endAdornment,\n      fullWidth = true,\n      floating = false,\n      glow = false,\n      pulse = false,\n      loading = false,\n      onClick,\n      onFocus,\n      onBlur,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { testId: dataTestId, rest: props } = splitTestId(rest);\n    return (\n      <StyledTextField\n        ref={ref}\n        variant={muiVariantFor(variant)}\n        customVariant={variant}\n        floating={floating}\n        glow={glow}\n        pulse={pulse}\n        loading={loading}\n        label={label}\n        error={error}\n        helperText={helperText}\n        fullWidth={fullWidth}\n        {...interactionProps(loading, onClick, props.disabled)}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        /*\n         * `aria-label` has to ride `inputProps` to reach the `<input>` (FUT-755).\n         * Spread with the rest it lands on the FormControl DIV that the text\n         * field renders as its root, which carries no role — so the field kept\n         * no accessible name, and a source grep saying \"this input is labelled\"\n         * disagreed with the DOM. The reports search box and the block-title\n         * inputs were both named in source and anonymous to a screen reader.\n         */\n        inputProps={{\n          'data-testid': dataTestId,\n          ...(ariaLabel === undefined ? {} : { 'aria-label': ariaLabel }),\n        }}\n        InputProps={{\n          startAdornment: startAdornment && (\n            <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n          ),\n          endAdornment: <EndAdornment loading={loading} endAdornment={endAdornment} />,\n        }}\n        {...SIZE_MAP[size]}\n        {...props}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,SAAS,cAAc;AACvB,OAAO,WAAW;AA2DV;AAlCR,IAAM,kBAAkB,OAAO,eAAe;AAAA,EAC5C,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,YAAY,QAAQ,SAAS,SAAS,EAAE,SAAS,IAAc;AACtF,CAAC,EAME,CAAC,EAAE,OAAO,eAAe,UAAU,MAAM,OAAO,QAAQ,OAAO;AAAA,EAChE,UAAU;AAAA,EACV,SAAS,UAAU,cAAc,UAAU;AAAA,EAE3C,GAAI,OAAO,WAAW,KAAK,IAAI,CAAC;AAAA,EAChC,GAAI,QAAQ,YAAY,KAAK,IAAI,CAAC;AAAA,EAClC,GAAI,WAAW,oBAAoB,KAAK,IAAI,CAAC;AAAA,EAE7C,wBAAwB;AAAA,IACtB,YAAY;AAAA,IACZ,GAAG,gBAAgB,OAAO,aAAa;AAAA,EACzC;AAAA,EAEA,4BAA4B,eAAe,KAAK;AAAA,EAChD,0BAA0B,aAAa,KAAK;AAC9C,EAAE;AAGF,IAAM,eAA+E,CAAC;AAAA,EACpF;AAAA,EACA;AACF,MAAM;AACJ,MAAI,SAAS;AACX,WACE,oBAAC,kBAAe,UAAS,OACvB,8BAAC,oBAAiB,MAAM,cAAc,aAAa,GACrD;AAAA,EAEJ;AAEA,MAAI,CAAC,aAAc,QAAO;AAE1B,SAAO,oBAAC,kBAAe,UAAS,OAAO,wBAAa;AACtD;AAGA,IAAM,mBAAmB,CACvB,SACA,SACA,cACI;AAAA,EACJ,UAAU,WAAW;AAAA,EACrB,SAAS,UAAU,SAAY;AACjC;AAEO,IAAM,QAAQ,MAAM;AAAA,EACzB,CACE;AAAA,IACE,UAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,EAAE,QAAQ,YAAY,MAAM,MAAM,IAAI,YAAY,IAAI;AAC5D,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAS,cAAc,OAAO;AAAA,QAC9B,eAAe;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG,iBAAiB,SAAS,SAAS,MAAM,QAAQ;AAAA,QACrD;AAAA,QACA;AAAA,QASA,YAAY;AAAA,UACV,eAAe;AAAA,UACf,GAAI,cAAc,SAAY,CAAC,IAAI,EAAE,cAAc,UAAU;AAAA,QAC/D;AAAA,QACA,YAAY;AAAA,UACV,gBAAgB,kBACd,oBAAC,kBAAe,UAAS,SAAS,0BAAe;AAAA,UAEnD,cAAc,oBAAC,gBAAa,SAAkB,cAA4B;AAAA,QAC5E;AAAA,QACC,GAAG,SAAS,IAAI;AAAA,QAChB,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,MAAM,cAAc;","names":[]}

package/dist/{chunk-VJFH2AXT.js → chunk-TP4N3X2Q.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-FRAVVI4A.js";
 import {
   Calendar
-} from "./chunk-CZJLWCEG.js";
+} from "./chunk-BPYPUEM5.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.tsx
 import Box from "@mui/material/Box/index.js";
@@ -180,4 +180,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-VJFH2AXT.js.map
+//# sourceMappingURL=chunk-TP4N3X2Q.js.map

package/dist/{chunk-B7BZAIHL.js → chunk-TPIBJP4S.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CepField
-} from "./chunk-BILE3A7F.js";
+} from "./chunk-DH75UNF3.js";
 
 // src/components/form/total-form/Fields/CepField.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -80,4 +80,4 @@ function CepField2({
 export {
   CepField2 as CepField
 };
-//# sourceMappingURL=chunk-B7BZAIHL.js.map
+//# sourceMappingURL=chunk-TPIBJP4S.js.map

package/dist/{chunk-Q4NOI2CR.js → chunk-TVO5STZB.js}

@@ -1,3 +1,6 @@
+import {
+  STACK_BREAK
+} from "./chunk-BRSF5NRT.js";
 import {
   CARD_RADIUS,
   cardSurfaceStyles,
@@ -5,9 +8,6 @@ import {
   isSelectable,
   slotTestIds
 } from "./chunk-OQFSYMHJ.js";
-import {
-  STACK_BREAK
-} from "./chunk-DQHC5P64.js";
 import {
   useDragItem
 } from "./chunk-JCJGJX7V.js";
@@ -16,7 +16,7 @@ import {
   RAIL_GAP,
   railsTemplateFor,
   useListRails
-} from "./chunk-LYSSO6WC.js";
+} from "./chunk-CZPU5TW3.js";
 import {
   DENSITY_ROW_PADDING
 } from "./chunk-ZPIMPOHV.js";
@@ -181,4 +181,4 @@ export {
   actionProps,
   rowStyles
 };
-//# sourceMappingURL=chunk-Q4NOI2CR.js.map
+//# sourceMappingURL=chunk-TVO5STZB.js.map

package/dist/{chunk-JB7JE4QZ.js → chunk-TZ4SFX3M.js}

@@ -17,7 +17,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Checkbox
-} from "./chunk-BJ3J6FTN.js";
+} from "./chunk-STH66VLA.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -26,7 +26,7 @@ import {
 } from "./chunk-D2IASECY.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-26Z7QWID.js";
 
 // src/components/data-display/DataViews/base-card.tsx
 import { useTheme } from "@mui/material/styles/index.js";
@@ -263,4 +263,4 @@ function BaseCard(props) {
 export {
   BaseCard
 };
-//# sourceMappingURL=chunk-JB7JE4QZ.js.map
+//# sourceMappingURL=chunk-TZ4SFX3M.js.map

package/dist/{chunk-JD364H3Y.js → chunk-TZ633UZA.js}

@@ -1,3 +1,7 @@
+import {
+  withDefaults
+} from "./chunk-HPK33ACY.js";
+
 // src/components/form/Checkbox/Checkbox.helpers.ts
 var CHECKBOX_DEFAULTS = {
   variant: "default",
@@ -5,14 +9,11 @@ var CHECKBOX_DEFAULTS = {
   glow: false,
   pulse: false
 };
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, value]) => value !== void 0)
-);
-var resolveCheckboxProps = (props) => ({ ...CHECKBOX_DEFAULTS, ...definedProps(props) });
+var resolveCheckboxProps = (props) => withDefaults(props, CHECKBOX_DEFAULTS);
 var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `checkbox-${suffix}`;
 
 export {
   resolveCheckboxProps,
   makeTestId
 };
-//# sourceMappingURL=chunk-JD364H3Y.js.map
+//# sourceMappingURL=chunk-TZ633UZA.js.map

package/dist/chunk-TZ633UZA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Checkbox/Checkbox.helpers.ts"],"sourcesContent":["import type { CheckboxBaseProps } from './Checkbox.base';\nimport { withDefaults } from '../../../utils/withDefaults';\n\ntype CheckboxDefaultedKeys = 'variant' | 'ripple' | 'glow' | 'pulse';\n\n/**\n * Generic over the renderer's own props, as `resolveButtonProps` is: the web\n * and the native `Checkbox` pass different handler types through, and both come\n * back out untouched.\n */\nexport type ResolvedCheckboxProps<P extends CheckboxBaseProps = CheckboxBaseProps> = P &\n  Required<Pick<CheckboxBaseProps, CheckboxDefaultedKeys>>;\n\nconst CHECKBOX_DEFAULTS: Required<Pick<CheckboxBaseProps, CheckboxDefaultedKeys>> = {\n  variant: 'default',\n  ripple: true,\n  glow: false,\n  pulse: false,\n};\n\nexport const resolveCheckboxProps = <P extends CheckboxBaseProps>(props: P): ResolvedCheckboxProps<P> =>\n  withDefaults(props, CHECKBOX_DEFAULTS as Partial<P>) as ResolvedCheckboxProps<P>;\n\n/** `${dataTestId}-${suffix}`, or `checkbox-${suffix}` when the caller named nothing. */\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `checkbox-${suffix}`;\n"],"mappings":";;;;;AAaA,IAAM,oBAA8E;AAAA,EAClF,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;AAEO,IAAM,uBAAuB,CAA8B,UAChE,aAAa,OAAO,iBAA+B;AAG9C,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,YAAY,MAAM;","names":[]}

package/dist/{chunk-HEK4LQT6.js → chunk-UB76PBDF.js}

@@ -7,7 +7,7 @@ import {
 import {
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-QLWBQQW7.js";
+} from "./chunk-6F5IKY32.js";
 
 // src/components/layout/Container/Container.tsx
 import MuiContainer from "@mui/material/Container/index.js";
@@ -66,4 +66,4 @@ var Container = ({
 export {
   Container
 };
-//# sourceMappingURL=chunk-HEK4LQT6.js.map
+//# sourceMappingURL=chunk-UB76PBDF.js.map

package/dist/{chunk-NFAKRI4S.js → chunk-UEIVXFUC.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-42VH7N5L.js";
 import {
   MenubarToolbar
-} from "./chunk-SX3V2DLV.js";
+} from "./chunk-VWBWKLXX.js";
 import {
   barStyles
 } from "./chunk-ZU3SWR4I.js";
@@ -190,4 +190,4 @@ export {
   Menubar,
   MenubarGroup
 };
-//# sourceMappingURL=chunk-NFAKRI4S.js.map
+//# sourceMappingURL=chunk-UEIVXFUC.js.map

package/dist/{chunk-DX527XPL.js → chunk-UOPQOBQZ.js}

@@ -1,6 +1,6 @@
 import {
   RangeBounds
-} from "./chunk-QZBUGUOY.js";
+} from "./chunk-XEE7PLDR.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -15,7 +15,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-26Z7QWID.js";
 
 // src/components/data-display/DataViews/data-views-more-fields.tsx
 import Checkbox from "@mui/material/Checkbox/index.js";
@@ -188,4 +188,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-DX527XPL.js.map
+//# sourceMappingURL=chunk-UOPQOBQZ.js.map

package/dist/{chunk-X24P3ZYW.js → chunk-V5P5Q6HM.js}

@@ -1,20 +1,20 @@
-import {
-  glassStyles,
-  resolveMapPreviewProps
-} from "./chunk-ACZH2NUW.js";
 import {
   MapCoordinates,
   MapMarkers
 } from "./chunk-FRW4SYZD.js";
 import {
   MapLayers
-} from "./chunk-EGRFMPGD.js";
-import {
-  useMapPreview
-} from "./chunk-PQECNGDE.js";
+} from "./chunk-SHDIZSN5.js";
 import {
   StaticMapView
-} from "./chunk-QYNCPS5W.js";
+} from "./chunk-WBKWIFXA.js";
+import {
+  glassStyles,
+  resolveMapPreviewProps
+} from "./chunk-ACZH2NUW.js";
+import {
+  useMapPreview
+} from "./chunk-AGYGNNOM.js";
 
 // src/components/data-display/MapPreview/MapPreview.tsx
 import Box from "@mui/material/Box/index.js";
@@ -105,4 +105,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-X24P3ZYW.js.map
+//# sourceMappingURL=chunk-V5P5Q6HM.js.map

package/dist/{chunk-7DBFEZRC.js → chunk-VIK3HAUQ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-3JDP5OUR.js";
 import {
   fieldEdge
-} from "./chunk-MLOWPVVW.js";
+} from "./chunk-7FDU3FIN.js";
 
 // src/components/form/PhoneInput/PhoneInput.tsx
 import ArrowDropDown from "@mui/icons-material/ArrowDropDown";
@@ -334,4 +334,4 @@ export {
   PhoneInput,
   PhoneInput_default
 };
-//# sourceMappingURL=chunk-7DBFEZRC.js.map
+//# sourceMappingURL=chunk-VIK3HAUQ.js.map

package/dist/{chunk-74EZ565M.js → chunk-VPHOSIPB.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-LYMAMKJT.js";
 import {
   TextField
-} from "./chunk-WX7VWW3W.js";
+} from "./chunk-B3BK2SNS.js";
 import {
   SelectField
-} from "./chunk-37YPZHAG.js";
+} from "./chunk-JDMYD6QC.js";
 import {
   CepField
-} from "./chunk-B7BZAIHL.js";
+} from "./chunk-TPIBJP4S.js";
 import {
   CategoryField
-} from "./chunk-VCTKJHXD.js";
+} from "./chunk-OOGEYCJH.js";
 import {
   __export
 } from "./chunk-PZ5AY32C.js";
@@ -30,4 +30,4 @@ __export(Fields_exports, {
 export {
   Fields_exports
 };
-//# sourceMappingURL=chunk-74EZ565M.js.map
+//# sourceMappingURL=chunk-VPHOSIPB.js.map

package/dist/{chunk-SX3V2DLV.js → chunk-VWBWKLXX.js}

@@ -1,9 +1,9 @@
-import {
-  MenubarSeparator
-} from "./chunk-YMGHTZA6.js";
 import {
   MenubarItemView
 } from "./chunk-TF4TPLF2.js";
+import {
+  MenubarSeparator
+} from "./chunk-YMGHTZA6.js";
 
 // src/components/form/Menubar/Menubar.toolbar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -82,4 +82,4 @@ var MenubarToolbar = ({
 export {
   MenubarToolbar
 };
-//# sourceMappingURL=chunk-SX3V2DLV.js.map
+//# sourceMappingURL=chunk-VWBWKLXX.js.map

package/dist/{chunk-VEFDL77X.js → chunk-VWGR5XUP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HJOABXKN.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-BNNSO4MC.js";
 
 // src/components/feedback/ConfirmAction/ConfirmButton.tsx
 function createConfirmButton(copy, errorText) {
@@ -18,4 +18,4 @@ function createConfirmButton(copy, errorText) {
 export {
   createConfirmButton
 };
-//# sourceMappingURL=chunk-VEFDL77X.js.map
+//# sourceMappingURL=chunk-VWGR5XUP.js.map

package/dist/{chunk-SEH7KOVG.js → chunk-VXTYVJDK.js}

@@ -1,6 +1,6 @@
 import {
   AddressTextField
-} from "./chunk-URWGRPL7.js";
+} from "./chunk-3W7IEWEL.js";
 
 // src/components/form/AddressAutocomplete/AddressInputField.tsx
 import CurrentLocationIcon from "@mui/icons-material/MyLocation";
@@ -67,4 +67,4 @@ var AddressInputField = ({
 export {
   AddressInputField
 };
-//# sourceMappingURL=chunk-SEH7KOVG.js.map
+//# sourceMappingURL=chunk-VXTYVJDK.js.map