@undefine-ui/design-system 3.5.1 → 3.6.0

package/dist/index.js

@@ -51,6 +51,8 @@ __export(index_exports, {
   FilterDropdown: () => FilterDropdown,
   FilterList: () => FilterList,
   Form: () => Form,
+  GooglePlacesAutocomplete: () => GooglePlacesAutocomplete,
+  GooglePlacesProvider: () => GooglePlacesProvider,
   HelpCircle: () => HelpCircle,
   Icon: () => Icon,
   Image: () => Image,
@@ -77,10 +79,12 @@ __export(index_exports, {
   RHFDatePicker: () => RHFDatePicker,
   RHFDateRangePicker: () => RHFDateRangePicker,
   RHFDateTimePicker: () => RHFDateTimePicker,
+  RHFGooglePlacesAutocomplete: () => RHFGooglePlacesAutocomplete,
   RHFMultiCheckbox: () => RHFMultiCheckbox,
   RHFMultiSwitch: () => RHFMultiSwitch,
   RHFOTPInput: () => RHFOTPInput,
   RHFRadioGroup: () => RHFRadioGroup,
+  RHFSelect: () => RHFSelect,
   RHFSwitch: () => RHFSwitch,
   RHFTextField: () => RHFTextField,
   RHFTimePicker: () => RHFTimePicker,
@@ -202,6 +206,9 @@ __export(index_exports, {
   useCountdownDate: () => useCountdownDate,
   useCountdownSeconds: () => useCountdownSeconds,
   useEventListener: () => useEventListener,
+  useGooglePlacesAutocomplete: () => useGooglePlacesAutocomplete,
+  useGooglePlacesContext: () => useGooglePlacesContext,
+  useGooglePlacesLoaded: () => useGooglePlacesLoaded,
   useLocalStorage: () => useLocalStorage,
   usePopover: () => usePopover,
   useResponsive: () => useResponsive,
@@ -1840,7 +1847,10 @@ var MuiList = {
   styleOverrides: {
     root: ({ theme }) => ({
       '&[role="listbox"]': {
-        padding: theme.spacing(0, 1)
+        // padding: theme.spacing(0, 1)
+        "& .MuiMenuItem-root": {
+          margin: theme.spacing(0.5, 1)
+        }
       }
     })
   }
@@ -6354,7 +6364,7 @@ import { listItemIconClasses } from "@mui/material/ListItemIcon";
 import { listItemTextClasses } from "@mui/material/ListItemText";
 import { circularProgressClasses } from "@mui/material/CircularProgress";
 import { formControlLabelClasses } from "@mui/material/FormControlLabel";
-import SvgIcon2, { svgIconClasses as svgIconClasses2 } from "@mui/material/SvgIcon";
+import SvgIcon3, { svgIconClasses as svgIconClasses2 } from "@mui/material/SvgIcon";
 
 // src/components/index.ts
 var components_exports2 = {};
@@ -6391,6 +6401,8 @@ __export(components_exports2, {
   FilterDropdown: () => FilterDropdown,
   FilterList: () => FilterList,
   Form: () => Form,
+  GooglePlacesAutocomplete: () => GooglePlacesAutocomplete,
+  GooglePlacesProvider: () => GooglePlacesProvider,
   HelpCircle: () => HelpCircle,
   Icon: () => Icon,
   Image: () => Image,
@@ -6415,10 +6427,12 @@ __export(components_exports2, {
   RHFDatePicker: () => RHFDatePicker,
   RHFDateRangePicker: () => RHFDateRangePicker,
   RHFDateTimePicker: () => RHFDateTimePicker,
+  RHFGooglePlacesAutocomplete: () => RHFGooglePlacesAutocomplete,
   RHFMultiCheckbox: () => RHFMultiCheckbox,
   RHFMultiSwitch: () => RHFMultiSwitch,
   RHFOTPInput: () => RHFOTPInput,
   RHFRadioGroup: () => RHFRadioGroup,
+  RHFSelect: () => RHFSelect,
   RHFSwitch: () => RHFSwitch,
   RHFTextField: () => RHFTextField,
   RHFTimePicker: () => RHFTimePicker,
@@ -6458,7 +6472,10 @@ __export(components_exports2, {
   feedbackDialogClasses: () => feedbackDialogClasses,
   getDateRangeFromPreset: () => getDateRangeFromPreset,
   iconClasses: () => iconClasses,
-  toolbarClasses: () => toolbarClasses
+  toolbarClasses: () => toolbarClasses,
+  useGooglePlacesAutocomplete: () => useGooglePlacesAutocomplete,
+  useGooglePlacesContext: () => useGooglePlacesContext,
+  useGooglePlacesLoaded: () => useGooglePlacesLoaded
 });
 
 // src/components/Logo/index.tsx
@@ -9176,8 +9193,8 @@ var RHFSwitch = ({
               }
             ),
             label: /* @__PURE__ */ jsxs56(Stack6, { children: [
-              /* @__PURE__ */ jsx88(Typography10, { variant: "bodyMd", color: "textHeader", fontWeight: 500, children: label }),
-              description && /* @__PURE__ */ jsx88(Typography10, { variant: "body2", color: "textBody", children: description })
+              /* @__PURE__ */ jsx88(Typography10, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: label }),
+              description && /* @__PURE__ */ jsx88(Typography10, { variant: "body2", color: "text.body", children: description })
             ] }),
             sx: {
               alignItems: description ? "flex-start" : "center",
@@ -9319,8 +9336,53 @@ var RHFUpload = ({ name, multiple, helperText, ...rest }) => {
   );
 };
 
-// src/components/HookForm/RHFOTPInput.tsx
+// src/components/HookForm/RHFSelect.tsx
 import { Controller as Controller3, useFormContext as useFormContext3 } from "react-hook-form";
+import MenuItem from "@mui/material/MenuItem";
+import TextField2 from "@mui/material/TextField";
+import { jsx as jsx90, jsxs as jsxs57 } from "react/jsx-runtime";
+var RHFSelect = ({
+  name,
+  options,
+  helperText,
+  placeholder,
+  slotProps,
+  ...rest
+}) => {
+  const { control } = useFormContext3();
+  return /* @__PURE__ */ jsx90(
+    Controller3,
+    {
+      name,
+      control,
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs57(
+        TextField2,
+        {
+          ...field,
+          select: true,
+          fullWidth: true,
+          error: !!error2,
+          helperText: error2?.message ?? helperText,
+          slotProps: {
+            ...slotProps,
+            select: {
+              displayEmpty: !!placeholder,
+              ...slotProps?.select
+            }
+          },
+          ...rest,
+          children: [
+            placeholder && /* @__PURE__ */ jsx90(MenuItem, { value: "", disabled: true, sx: { display: "none" }, children: placeholder }),
+            options.map((option) => /* @__PURE__ */ jsx90(MenuItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value))
+          ]
+        }
+      )
+    }
+  );
+};
+
+// src/components/HookForm/RHFOTPInput.tsx
+import { Controller as Controller4, useFormContext as useFormContext4 } from "react-hook-form";
 
 // src/components/OTPInput/index.tsx
 import { useRef as useRef6, useState as useState15 } from "react";
@@ -9328,8 +9390,8 @@ import { useTheme as useTheme3 } from "@mui/material/styles";
 import Box21 from "@mui/material/Box";
 import FormHelperText3 from "@mui/material/FormHelperText";
 import { inputBaseClasses as inputBaseClasses2 } from "@mui/material/InputBase";
-import TextField2 from "@mui/material/TextField";
-import { Fragment as Fragment2, jsx as jsx90, jsxs as jsxs57 } from "react/jsx-runtime";
+import TextField3 from "@mui/material/TextField";
+import { Fragment as Fragment2, jsx as jsx91, jsxs as jsxs58 } from "react/jsx-runtime";
 var OTPInput = (props) => {
   const { length = 6, onChange, onComplete, error: error2, helperText, containerProps, ...rest } = props;
   const theme = useTheme3();
@@ -9397,8 +9459,8 @@ var OTPInput = (props) => {
       onComplete?.(newOtp.join(""));
     }
   };
-  return /* @__PURE__ */ jsxs57(Fragment2, { children: [
-    /* @__PURE__ */ jsx90(Box21, { display: "flex", justifyContent: "center", ...containerProps, children: otp.map((_, index) => /* @__PURE__ */ jsx90(
+  return /* @__PURE__ */ jsxs58(Fragment2, { children: [
+    /* @__PURE__ */ jsx91(Box21, { display: "flex", justifyContent: "center", ...containerProps, children: otp.map((_, index) => /* @__PURE__ */ jsx91(
       Box21,
       {
         display: "flex",
@@ -9408,8 +9470,8 @@ var OTPInput = (props) => {
             mr: 1.5
           }
         },
-        children: /* @__PURE__ */ jsx90(
-          TextField2,
+        children: /* @__PURE__ */ jsx91(
+          TextField3,
           {
             size: "medium",
             value: otp[index],
@@ -9491,21 +9553,21 @@ var OTPInput = (props) => {
       },
       index
     )) }),
-    error2 && /* @__PURE__ */ jsx90(FormHelperText3, { sx: { color: "error.main" }, children: helperText })
+    error2 && /* @__PURE__ */ jsx91(FormHelperText3, { sx: { color: "error.main" }, children: helperText })
   ] });
 };
 var OTPInput_default = OTPInput;
 
 // src/components/HookForm/RHFOTPInput.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx92 } from "react/jsx-runtime";
 var RHFOTPInput = ({ name, length = 6, helperText, ...rest }) => {
-  const { control, setValue } = useFormContext3();
-  return /* @__PURE__ */ jsx91(
-    Controller3,
+  const { control, setValue } = useFormContext4();
+  return /* @__PURE__ */ jsx92(
+    Controller4,
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx91(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx92(
         OTPInput_default,
         {
           length,
@@ -9521,21 +9583,21 @@ var RHFOTPInput = ({ name, length = 6, helperText, ...rest }) => {
 };
 
 // src/components/HookForm/RHFTextField.tsx
-import { Controller as Controller4, useFormContext as useFormContext4 } from "react-hook-form";
+import { Controller as Controller5, useFormContext as useFormContext5 } from "react-hook-form";
 import IconButton5 from "@mui/material/IconButton";
 import InputAdornment from "@mui/material/InputAdornment";
-import TextField3 from "@mui/material/TextField";
-import { jsx as jsx92 } from "react/jsx-runtime";
+import TextField4 from "@mui/material/TextField";
+import { jsx as jsx93 } from "react/jsx-runtime";
 var RHFTextField = ({ name, helperText, type, slotProps, ...rest }) => {
-  const { control } = useFormContext4();
+  const { control } = useFormContext5();
   const passwordVisibility = useBoolean();
-  return /* @__PURE__ */ jsx92(
-    Controller4,
+  return /* @__PURE__ */ jsx93(
+    Controller5,
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx92(
-        TextField3,
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx93(
+        TextField4,
         {
           ...field,
           fullWidth: true,
@@ -9555,7 +9617,7 @@ var RHFTextField = ({ name, helperText, type, slotProps, ...rest }) => {
             input: {
               ...slotProps?.input,
               ...type === "password" && {
-                endAdornment: /* @__PURE__ */ jsx92(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx92(IconButton5, { edge: "end", onClick: passwordVisibility.onToggle, children: /* @__PURE__ */ jsx92(
+                endAdornment: /* @__PURE__ */ jsx93(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx93(IconButton5, { edge: "end", onClick: passwordVisibility.onToggle, children: /* @__PURE__ */ jsx93(
                   Icon,
                   {
                     icon: passwordVisibility.value ? "EyeClosed" : "Eye",
@@ -9573,7 +9635,7 @@ var RHFTextField = ({ name, helperText, type, slotProps, ...rest }) => {
 };
 
 // src/components/HookForm/RHFRadioGroup.tsx
-import { Controller as Controller5, useFormContext as useFormContext5 } from "react-hook-form";
+import { Controller as Controller6, useFormContext as useFormContext6 } from "react-hook-form";
 import Stack7 from "@mui/material/Stack";
 import Typography11 from "@mui/material/Typography";
 import Radio3 from "@mui/material/Radio";
@@ -9582,7 +9644,7 @@ import FormLabel2 from "@mui/material/FormLabel";
 import RadioGroup3 from "@mui/material/RadioGroup";
 import FormControl2 from "@mui/material/FormControl";
 import FormHelperText4 from "@mui/material/FormHelperText";
-import { jsx as jsx93, jsxs as jsxs58 } from "react/jsx-runtime";
+import { jsx as jsx94, jsxs as jsxs59 } from "react/jsx-runtime";
 var RHFRadioGroup = ({
   name,
   label,
@@ -9591,16 +9653,16 @@ var RHFRadioGroup = ({
   slotProps,
   ...other
 }) => {
-  const { control } = useFormContext5();
+  const { control } = useFormContext6();
   const labelledby = `${name}-radio-buttons-group-label`;
   const ariaLabel = (val) => `Radio ${val}`;
-  return /* @__PURE__ */ jsx93(
-    Controller5,
+  return /* @__PURE__ */ jsx94(
+    Controller6,
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs58(FormControl2, { component: "fieldset", sx: slotProps?.wrap, children: [
-        label && /* @__PURE__ */ jsx93(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs59(FormControl2, { component: "fieldset", sx: slotProps?.wrap, children: [
+        label && /* @__PURE__ */ jsx94(
           FormLabel2,
           {
             id: labelledby,
@@ -9610,11 +9672,11 @@ var RHFRadioGroup = ({
             children: label
           }
         ),
-        /* @__PURE__ */ jsx93(RadioGroup3, { ...field, "aria-labelledby": labelledby, ...other, children: options.map((option) => /* @__PURE__ */ jsx93(
+        /* @__PURE__ */ jsx94(RadioGroup3, { ...field, "aria-labelledby": labelledby, ...other, children: options.map((option) => /* @__PURE__ */ jsx94(
           FormControlLabel4,
           {
             value: option.value,
-            control: /* @__PURE__ */ jsx93(
+            control: /* @__PURE__ */ jsx94(
               Radio3,
               {
                 ...slotProps?.radio,
@@ -9626,9 +9688,9 @@ var RHFRadioGroup = ({
                 }
               }
             ),
-            label: /* @__PURE__ */ jsxs58(Stack7, { children: [
-              /* @__PURE__ */ jsx93(Typography11, { variant: "bodyMd", color: "textHeader", fontWeight: 500, children: option.label }),
-              option?.description && /* @__PURE__ */ jsx93(Typography11, { variant: "body2", color: "textBody", children: option?.description })
+            label: /* @__PURE__ */ jsxs59(Stack7, { children: [
+              /* @__PURE__ */ jsx94(Typography11, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: option.label }),
+              option?.description && /* @__PURE__ */ jsx94(Typography11, { variant: "body2", color: "text.body", children: option?.description })
             ] }),
             sx: {
               alignItems: option?.description ? "flex-start" : "center"
@@ -9636,17 +9698,17 @@ var RHFRadioGroup = ({
           },
           option.value
         )) }),
-        (!!error2 || helperText) && /* @__PURE__ */ jsx93(FormHelperText4, { error: !!error2, sx: { mx: 0 }, ...slotProps?.formHelperText, children: error2 ? error2?.message : helperText })
+        (!!error2 || helperText) && /* @__PURE__ */ jsx94(FormHelperText4, { error: !!error2, sx: { mx: 0 }, ...slotProps?.formHelperText, children: error2 ? error2?.message : helperText })
       ] })
     }
   );
 };
 
 // src/components/HookForm/RHFAutocomplete.tsx
-import { Controller as Controller6, useFormContext as useFormContext6 } from "react-hook-form";
-import TextField4 from "@mui/material/TextField";
+import { Controller as Controller7, useFormContext as useFormContext7 } from "react-hook-form";
+import TextField5 from "@mui/material/TextField";
 import Autocomplete from "@mui/material/Autocomplete";
-import { jsx as jsx94 } from "react/jsx-runtime";
+import { jsx as jsx95 } from "react/jsx-runtime";
 var RHFAutocomplete = ({
   name,
   label,
@@ -9656,13 +9718,13 @@ var RHFAutocomplete = ({
   handleChange,
   ...other
 }) => {
-  const { control, setValue } = useFormContext6();
-  return /* @__PURE__ */ jsx94(
-    Controller6,
+  const { control, setValue } = useFormContext7();
+  return /* @__PURE__ */ jsx95(
+    Controller7,
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx94(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx95(
         Autocomplete,
         {
           ...field,
@@ -9671,8 +9733,8 @@ var RHFAutocomplete = ({
             setValue(name, newValue, { shouldValidate: true });
             handleChange?.(newValue);
           },
-          renderInput: (params) => /* @__PURE__ */ jsx94(
-            TextField4,
+          renderInput: (params) => /* @__PURE__ */ jsx95(
+            TextField5,
             {
               label,
               placeholder,
@@ -9691,13 +9753,13 @@ var RHFAutocomplete = ({
 
 // src/components/HookForm/RHFDateRangePicker.tsx
 import { useMemo as useMemo10, useState as useState16, useCallback as useCallback14 } from "react";
-import { useWatch, Controller as Controller7, useFormContext as useFormContext7 } from "react-hook-form";
+import { useWatch, Controller as Controller8, useFormContext as useFormContext8 } from "react-hook-form";
 import { format as format3, isValid } from "date-fns";
 import Box22 from "@mui/material/Box";
 import Popover4 from "@mui/material/Popover";
-import TextField5 from "@mui/material/TextField";
+import TextField6 from "@mui/material/TextField";
 import InputAdornment2 from "@mui/material/InputAdornment";
-import { Fragment as Fragment3, jsx as jsx95, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx96, jsxs as jsxs60 } from "react/jsx-runtime";
 function RHFDateRangePicker({
   name,
   label,
@@ -9711,7 +9773,7 @@ function RHFDateRangePicker({
   size = "medium",
   fullWidth = true
 }) {
-  const { control } = useFormContext7();
+  const { control } = useFormContext8();
   const [anchorEl, setAnchorEl] = useState16(null);
   const open = Boolean(anchorEl);
   const watchedValue = useWatch({ control, name });
@@ -9745,8 +9807,8 @@ function RHFDateRangePicker({
   const handleClose = useCallback14(() => {
     setAnchorEl(null);
   }, []);
-  return /* @__PURE__ */ jsx95(
-    Controller7,
+  return /* @__PURE__ */ jsx96(
+    Controller8,
     {
       name,
       control,
@@ -9755,9 +9817,9 @@ function RHFDateRangePicker({
           field.onChange({ ...range, preset });
           handleClose();
         };
-        return /* @__PURE__ */ jsxs59(Fragment3, { children: [
-          /* @__PURE__ */ jsx95(Box22, { onClick: handleClick, sx: { cursor: disabled ? "default" : "pointer" }, children: /* @__PURE__ */ jsx95(
-            TextField5,
+        return /* @__PURE__ */ jsxs60(Fragment3, { children: [
+          /* @__PURE__ */ jsx96(Box22, { onClick: handleClick, sx: { cursor: disabled ? "default" : "pointer" }, children: /* @__PURE__ */ jsx96(
+            TextField6,
             {
               label,
               placeholder,
@@ -9770,13 +9832,13 @@ function RHFDateRangePicker({
               slotProps: {
                 input: {
                   readOnly: true,
-                  endAdornment: /* @__PURE__ */ jsx95(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx95(Icon, { icon: "Calendar", sx: { width: 20, height: 20, color: "icon.mute" } }) }),
+                  endAdornment: /* @__PURE__ */ jsx96(InputAdornment2, { position: "end", children: /* @__PURE__ */ jsx96(Icon, { icon: "Calendar", sx: { width: 20, height: 20, color: "icon.mute" } }) }),
                   sx: { cursor: disabled ? "default" : "pointer" }
                 }
               }
             }
           ) }),
-          /* @__PURE__ */ jsx95(
+          /* @__PURE__ */ jsx96(
             Popover4,
             {
               open,
@@ -9801,7 +9863,7 @@ function RHFDateRangePicker({
                   }
                 }
               },
-              children: /* @__PURE__ */ jsx95(
+              children: /* @__PURE__ */ jsx96(
                 DateRangePicker,
                 {
                   value: { start: value.start, end: value.end },
@@ -9822,7 +9884,7 @@ function RHFDateRangePicker({
 }
 
 // src/components/HookForm/RHFCheckbox.tsx
-import { Controller as Controller8, useFormContext as useFormContext8 } from "react-hook-form";
+import { Controller as Controller9, useFormContext as useFormContext9 } from "react-hook-form";
 import Stack8 from "@mui/material/Stack";
 import Box23 from "@mui/material/Box";
 import Typography12 from "@mui/material/Typography";
@@ -9832,7 +9894,7 @@ import FormLabel3 from "@mui/material/FormLabel";
 import FormControl3 from "@mui/material/FormControl";
 import FormHelperText5 from "@mui/material/FormHelperText";
 import FormControlLabel5 from "@mui/material/FormControlLabel";
-import { jsx as jsx96, jsxs as jsxs60 } from "react/jsx-runtime";
+import { jsx as jsx97, jsxs as jsxs61 } from "react/jsx-runtime";
 var RHFCheckbox = ({
   name,
   description,
@@ -9842,18 +9904,18 @@ var RHFCheckbox = ({
   slotProps,
   ...other
 }) => {
-  const { control } = useFormContext8();
+  const { control } = useFormContext9();
   const baseAriaLabel = `Checkbox for ${name}`;
-  return /* @__PURE__ */ jsx96(
-    Controller8,
+  return /* @__PURE__ */ jsx97(
+    Controller9,
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs60(Box23, { sx: slotProps?.wrap, children: [
-        /* @__PURE__ */ jsx96(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs61(Box23, { sx: slotProps?.wrap, children: [
+        /* @__PURE__ */ jsx97(
           FormControlLabel5,
           {
-            control: /* @__PURE__ */ jsx96(
+            control: /* @__PURE__ */ jsx97(
               Checkbox,
               {
                 ...field,
@@ -9868,9 +9930,9 @@ var RHFCheckbox = ({
                 }
               }
             ),
-            label: /* @__PURE__ */ jsxs60(Stack8, { children: [
-              /* @__PURE__ */ jsx96(Typography12, { variant: "bodyMd", color: "textHeader", fontWeight: 500, children: label }),
-              description && /* @__PURE__ */ jsx96(Typography12, { variant: "body2", color: "textBody", children: description })
+            label: /* @__PURE__ */ jsxs61(Stack8, { children: [
+              /* @__PURE__ */ jsx97(Typography12, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: label }),
+              description && /* @__PURE__ */ jsx97(Typography12, { variant: "body2", color: "text.body", children: description })
             ] }),
             sx: {
               alignItems: description ? "flex-start" : "center",
@@ -9879,7 +9941,7 @@ var RHFCheckbox = ({
             ...other
           }
         ),
-        (!!error2 || helperText) && /* @__PURE__ */ jsx96(FormHelperText5, { error: !!error2, ...slotProps?.formHelperText, children: error2 ? error2?.message : helperText })
+        (!!error2 || helperText) && /* @__PURE__ */ jsx97(FormHelperText5, { error: !!error2, ...slotProps?.formHelperText, children: error2 ? error2?.message : helperText })
       ] })
     }
   );
@@ -9893,15 +9955,15 @@ var RHFMultiCheckbox = ({
   row,
   ...other
 }) => {
-  const { control } = useFormContext8();
+  const { control } = useFormContext9();
   const getSelected = (currentValues, optionValue) => currentValues.includes(optionValue) ? currentValues.filter((value) => value !== optionValue) : [...currentValues, optionValue];
-  return /* @__PURE__ */ jsx96(
-    Controller8,
+  return /* @__PURE__ */ jsx97(
+    Controller9,
     {
       name,
       control,
       defaultValue: [],
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs60(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsxs61(
         FormControl3,
         {
           component: "fieldset",
@@ -9909,7 +9971,7 @@ var RHFMultiCheckbox = ({
           sx: slotProps?.formControl?.sx,
           ...slotProps?.formControl,
           children: [
-            label && /* @__PURE__ */ jsx96(
+            label && /* @__PURE__ */ jsx97(
               FormLabel3,
               {
                 component: "legend",
@@ -9918,12 +9980,12 @@ var RHFMultiCheckbox = ({
                 children: label
               }
             ),
-            /* @__PURE__ */ jsx96(FormGroup2, { row, ...other, children: options.map((option) => {
+            /* @__PURE__ */ jsx97(FormGroup2, { row, ...other, children: options.map((option) => {
               const itemAriaLabel = option.label || `Option ${option.value}`;
-              return /* @__PURE__ */ jsx96(
+              return /* @__PURE__ */ jsx97(
                 FormControlLabel5,
                 {
-                  control: /* @__PURE__ */ jsx96(
+                  control: /* @__PURE__ */ jsx97(
                     Checkbox,
                     {
                       checked: (field.value || []).includes(option.value),
@@ -9941,9 +10003,9 @@ var RHFMultiCheckbox = ({
                       }
                     }
                   ),
-                  label: /* @__PURE__ */ jsxs60(Stack8, { children: [
-                    /* @__PURE__ */ jsx96(Typography12, { variant: "bodyMd", color: "textHeader", fontWeight: 500, children: option.label }),
-                    option?.description && /* @__PURE__ */ jsx96(Typography12, { variant: "body2", color: "textBody", children: option?.description })
+                  label: /* @__PURE__ */ jsxs61(Stack8, { children: [
+                    /* @__PURE__ */ jsx97(Typography12, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: option.label }),
+                    option?.description && /* @__PURE__ */ jsx97(Typography12, { variant: "body2", color: "text.body", children: option?.description })
                   ] }),
                   sx: {
                     alignItems: option?.description ? "flex-start" : "center"
@@ -9952,7 +10014,7 @@ var RHFMultiCheckbox = ({
                 option.value
               );
             }) }),
-            (!!error2 || helperText) && /* @__PURE__ */ jsx96(
+            (!!error2 || helperText) && /* @__PURE__ */ jsx97(
               FormHelperText5,
               {
                 sx: { mx: 0, ...slotProps?.formHelperText?.sx },
@@ -9967,10 +10029,483 @@ var RHFMultiCheckbox = ({
   );
 };
 
+// src/components/HookForm/RHFGooglePlacesAutocomplete.tsx
+import { Controller as Controller10, useFormContext as useFormContext10 } from "react-hook-form";
+
+// src/components/GooglePlacesAutocomplete/GooglePlacesContext.tsx
+import { useMemo as useMemo11, useState as useState17, useEffect as useEffect6, useContext as useContext2, useCallback as useCallback15, createContext as createContext2 } from "react";
+import { jsx as jsx98 } from "react/jsx-runtime";
+var GOOGLE_NAMESPACE = "_google_callback";
+var GooglePlacesContext = createContext2(void 0);
+var GooglePlacesProvider = ({
+  apiKey,
+  children,
+  libraries = []
+}) => {
+  const [loaded, setLoaded] = useState17(false);
+  const [error2, setError] = useState17(null);
+  const loadScript = useCallback15(() => {
+    if (typeof window !== "undefined" && window.google?.maps?.places) {
+      setLoaded(true);
+      return;
+    }
+    const existingScript = document.querySelector("#google-maps-places");
+    if (existingScript) {
+      if (window.google?.maps?.places) {
+        setLoaded(true);
+      }
+      return;
+    }
+    const callbackName = `initGooglePlaces_${Date.now()}`;
+    const globalContext = window[GOOGLE_NAMESPACE] || (window[GOOGLE_NAMESPACE] = {});
+    globalContext[callbackName] = () => {
+      setLoaded(true);
+      delete globalContext[callbackName];
+    };
+    const allLibraries = ["places", ...libraries.filter((lib) => lib !== "places")].join(",");
+    const script = document.createElement("script");
+    script.id = "google-maps-places";
+    script.async = true;
+    script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=${allLibraries}&loading=async&callback=${GOOGLE_NAMESPACE}.${callbackName}`;
+    script.onerror = () => {
+      setError(new Error("Failed to load Google Maps Places API"));
+      delete globalContext[callbackName];
+    };
+    document.head.appendChild(script);
+  }, [apiKey, libraries]);
+  useEffect6(() => {
+    if (typeof window !== "undefined") {
+      loadScript();
+    }
+  }, [loadScript]);
+  const value = useMemo11(
+    () => ({
+      apiKey,
+      loaded,
+      error: error2
+    }),
+    [apiKey, loaded, error2]
+  );
+  return /* @__PURE__ */ jsx98(GooglePlacesContext.Provider, { value, children });
+};
+var useGooglePlacesContext = () => {
+  const context = useContext2(GooglePlacesContext);
+  if (!context) {
+    throw new Error("useGooglePlacesContext must be used within a GooglePlacesProvider");
+  }
+  return context;
+};
+var useGooglePlacesLoaded = () => {
+  const { loaded } = useGooglePlacesContext();
+  return loaded;
+};
+
+// src/components/GooglePlacesAutocomplete/GooglePlacesAutocomplete.tsx
+import Box24 from "@mui/material/Box";
+import Grid from "@mui/material/Grid";
+import Typography13 from "@mui/material/Typography";
+import Paper2 from "@mui/material/Paper";
+import CircularProgress2 from "@mui/material/CircularProgress";
+import SvgIcon2 from "@mui/material/SvgIcon";
+import TextField7 from "@mui/material/TextField";
+import Autocomplete2 from "@mui/material/Autocomplete";
+
+// src/components/GooglePlacesAutocomplete/useGooglePlacesAutocomplete.ts
+import { useRef as useRef7, useMemo as useMemo12, useState as useState18, useEffect as useEffect7, useCallback as useCallback16 } from "react";
+import { debounce } from "@mui/material/utils";
+var useGooglePlacesAutocomplete = (options = {}) => {
+  const {
+    debounceMs = 300,
+    types,
+    componentRestrictions,
+    fetchPlaceDetails = false,
+    placeDetailsFields = ["geometry", "formatted_address", "address_components"]
+  } = options;
+  const { loaded, error: contextError } = useGooglePlacesContext();
+  const [inputValue, setInputValue] = useState18("");
+  const [value, setValue] = useState18(null);
+  const [autocompleteOptions, setAutocompleteOptions] = useState18([]);
+  const [loading, setLoading] = useState18(false);
+  const [error2, setError] = useState18(contextError);
+  const sessionTokenRef = useRef7(null);
+  useEffect7(() => {
+    if (loaded && !sessionTokenRef.current) {
+      sessionTokenRef.current = new window.google.maps.places.AutocompleteSessionToken();
+    }
+  }, [loaded]);
+  const fetchSuggestions = useMemo12(
+    () => debounce(async (input) => {
+      if (!loaded || !input.trim()) {
+        setAutocompleteOptions(value ? [value] : []);
+        setLoading(false);
+        return;
+      }
+      try {
+        setLoading(true);
+        const request = {
+          input,
+          sessionToken: sessionTokenRef.current
+        };
+        if (types?.length) {
+          request.includedPrimaryTypes = types;
+        }
+        if (componentRestrictions?.country) {
+          const countries = Array.isArray(componentRestrictions.country) ? componentRestrictions.country : [componentRestrictions.country];
+          request.includedRegionCodes = countries;
+        }
+        const { suggestions } = await window.google.maps.places.AutocompleteSuggestion.fetchAutocompleteSuggestions(request);
+        const results = suggestions.map((suggestion) => {
+          const place = suggestion.placePrediction;
+          return {
+            description: place.text.text,
+            place_id: place.placeId,
+            structured_formatting: {
+              main_text: place.mainText.text,
+              main_text_matched_substrings: (place.mainText.matches || []).map((match) => ({
+                offset: match.startOffset || 0,
+                length: (match.endOffset || 0) - (match.startOffset || 0)
+              })),
+              secondary_text: place.secondaryText?.text
+            }
+          };
+        });
+        let newOptions = results;
+        if (value && !results.some((r) => r.description === value.description)) {
+          newOptions = [value, ...results];
+        }
+        setAutocompleteOptions(newOptions);
+        setError(null);
+      } catch (err) {
+        console.error("Google Places Autocomplete error:", err);
+        setError(err);
+      } finally {
+        setLoading(false);
+      }
+    }, debounceMs),
+    [loaded, value, types, componentRestrictions, debounceMs]
+  );
+  useEffect7(() => {
+    if (inputValue === "") {
+      setAutocompleteOptions(value ? [value] : []);
+      return;
+    }
+    fetchSuggestions(inputValue);
+    return () => {
+      fetchSuggestions.clear();
+    };
+  }, [inputValue, fetchSuggestions, value]);
+  const getPlaceDetails = useCallback16(
+    async (placeId) => {
+      if (!loaded || !placeId) return null;
+      try {
+        const { Place } = window.google.maps.places;
+        const place = new Place({ id: placeId });
+        await place.fetchFields({ fields: placeDetailsFields });
+        sessionTokenRef.current = new window.google.maps.places.AutocompleteSessionToken();
+        return {
+          placeId,
+          description: place.displayName || "",
+          mainText: place.displayName || "",
+          secondaryText: place.formattedAddress || "",
+          lat: place.location?.lat(),
+          lng: place.location?.lng(),
+          formattedAddress: place.formattedAddress,
+          addressComponents: place.addressComponents
+        };
+      } catch (err) {
+        console.error("Failed to fetch place details:", err);
+        return null;
+      }
+    },
+    [loaded, placeDetailsFields]
+  );
+  const handleSetValue = useCallback16(
+    async (newValue) => {
+      setValue(newValue);
+      if (newValue && fetchPlaceDetails && newValue.place_id) {
+        await getPlaceDetails(newValue.place_id);
+      }
+    },
+    [fetchPlaceDetails, getPlaceDetails]
+  );
+  const clear = useCallback16(() => {
+    setValue(null);
+    setInputValue("");
+    setAutocompleteOptions([]);
+  }, []);
+  return {
+    inputValue,
+    setInputValue,
+    value,
+    setValue: handleSetValue,
+    options: autocompleteOptions,
+    loaded,
+    loading,
+    error: error2,
+    getPlaceDetails,
+    clear
+  };
+};
+
+// src/components/GooglePlacesAutocomplete/GooglePlacesAutocomplete.tsx
+import { Fragment as Fragment4, jsx as jsx99, jsxs as jsxs62 } from "react/jsx-runtime";
+var DefaultLocationIcon = (props) => /* @__PURE__ */ jsx99(SvgIcon2, { ...props, viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx99("path", { d: "M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z" }) });
+var GoogleMapsAttribution = () => /* @__PURE__ */ jsx99(
+  Box24,
+  {
+    sx: (theme) => ({
+      display: "flex",
+      justifyContent: "flex-end",
+      p: "5px 10px 6px 10px",
+      opacity: 0.9,
+      "& path": {
+        fill: theme.palette.text.secondary
+      }
+    }),
+    children: /* @__PURE__ */ jsx99(
+      "svg",
+      {
+        "aria-label": "Google Maps",
+        height: "14",
+        preserveAspectRatio: "xMidYMid meet",
+        viewBox: "0 0 98 18",
+        width: "77",
+        children: /* @__PURE__ */ jsx99("path", { d: "M7.08 13.96a6.9 6.9 0 01-4.99-2.05A6.7 6.7 0 010 6.98Q0 4.1 2.09 2.05A6.9 6.9 0 017.08 0a6.7 6.7 0 014.79 1.92l-1.35 1.35a4.8 4.8 0 00-3.44-1.36q-2.1 0-3.55 1.48a5 5 0 00-1.45 3.59q0 2.12 1.46 3.59a4.8 4.8 0 003.55 1.48 4.8 4.8 0 003.53-1.4q.84-.84 1.04-2.4H7.08v-1.9h6.42a6 6 0 01.1 1.19q0 2.8-1.65 4.46a6.4 6.4 0 01-4.87 1.96M22 12.68a4.4 4.4 0 01-3.2 1.29 4.4 4.4 0 01-3.2-1.29 4.3 4.3 0 01-1.31-3.21q0-1.92 1.31-3.21a4.4 4.4 0 013.2-1.29q1.9 0 3.2 1.29a4.3 4.3 0 011.31 3.21A4.3 4.3 0 0122 12.68m-4.99-1.26q.75.78 1.79.77 1.04 0 1.79-.77.75-.78.75-1.95 0-1.19-.74-1.96-.75-.77-1.8-.77t-1.8.77a2.7 2.7 0 00-.74 1.96q0 1.17.75 1.95m14.84 1.26q-1.3 1.29-3.2 1.29c-1.9 0-2.33-.43-3.2-1.29a4.3 4.3 0 01-1.31-3.21q0-1.92 1.31-3.21 1.3-1.29 3.2-1.29c1.9 0 2.33.43 3.2 1.29a4.3 4.3 0 011.31 3.21q0 1.92-1.31 3.21m-4.99-1.26q.75.78 1.79.77 1.04 0 1.79-.77.75-.78.75-1.95 0-1.19-.74-1.96c-.74-.77-1.09-.77-1.8-.77q-1.05 0-1.8.77a2.7 2.7 0 00-.74 1.96q0 1.17.75 1.95M38.32 18q-1.5 0-2.52-.8a4.5 4.5 0 01-1.46-1.86l1.72-.72q.27.65.85 1.12.59.48 1.41.48a2.3 2.3 0 001.76-.68q.64-.68.64-1.96v-.65h-.07a2.9 2.9 0 01-2.37 1.02 4 4 0 01-3.01-1.31 4.4 4.4 0 01-1.29-3.17 4.4 4.4 0 011.29-3.19 4 4 0 013.01-1.32q.76 0 1.39.29t.98.72h.07v-.72h1.87v8.07q0 2.35-1.2 3.52A4.2 4.2 0 0138.32 18m.13-5.81q1.02 0 1.71-.77a2.8 2.8 0 00.69-1.93q0-1.17-.69-1.96a2.2 2.2 0 00-1.71-.79q-1.03 0-1.77.78a2.8 2.8 0 00-.73 1.96q0 1.16.73 1.93.74.78 1.77.78M45.93.48v13.21h-1.98V.48zm5.41 13.48a4.38 4.38 0 01-4.46-4.49q0-1.98 1.23-3.24a4 4 0 013.01-1.26 3.8 3.8 0 012.68 1.07 5 5 0 011.17 1.8l.2.51-6.01 2.49a2.3 2.3 0 002.18 1.36q1.37 0 2.21-1.24l1.53 1.02q-.5.76-1.45 1.38-.92.6-2.29.6m-2.5-4.63l4.02-1.67a1.4 1.4 0 00-.63-.69 2 2 0 00-1.04-.26q-.87 0-1.63.72a2.4 2.4 0 00-.72 1.9m11.21 4.36V1.5h1.57l4.24 7.42h.07l4.24-7.42h1.57v12.19h-1.57V6.45l.07-2.04h-.07l-3.81 6.69h-.92l-3.81-6.69h-.07l.07 2.04v7.24zm16.31.27q-1.33 0-2.22-.77a2.5 2.5 0 01-.89-2.03q0-1.36 1.06-2.14 1.05-.77 2.61-.77 1.38 0 2.26.51v-.23q0-.91-.63-1.47A2.3 2.3 0 0077 6.51q-.68 0-1.23.32a1.6 1.6 0 00-.77.88l-1.43-.61q.28-.75 1.14-1.39a3.6 3.6 0 012.25-.64q1.6 0 2.66.94 1.05.93 1.06 2.64v5.04h-1.5v-1.16h-.08a3 3 0 01-2.74 1.43m.25-1.43q.97 0 1.76-.72.8-.72.79-1.71-.67-.54-1.99-.54-1.14 0-1.72.49-.58.5-.58 1.16 0 .61.53.97.54.35 1.21.35m9.97 1.43q-.96 0-1.71-.41a3 3 0 01-1.13-1.02h-.07l.07 1.16v3.68h-1.57V5.35h1.5v1.16h.07a3 3 0 011.13-1.02 3.67 3.67 0 014.5.87 4.5 4.5 0 011.18 3.17q0 1.9-1.18 3.17a3.7 3.7 0 01-2.79 1.26m-.26-1.43q1.1 0 1.87-.83.78-.82.78-2.19t-.78-2.19a2.5 2.5 0 00-1.87-.83q-1.11 0-1.88.82-.78.81-.77 2.2c.01 1.39.26 1.65.77 2.2q.78.82 1.88.82m8.39 1.43a3.8 3.8 0 01-3.65-2.38l1.4-.58q.67 1.57 2.26 1.57.73 0 1.2-.32a1 1 0 00.47-.85q0-.81-1.14-1.11l-1.69-.41a4 4 0 01-1.52-.77 1.9 1.9 0 01-.72-1.54q0-1.11.98-1.8a4 4 0 012.32-.69q1.11 0 1.98.5t1.24 1.44l-1.34.56q-.46-1.11-1.91-1.11-.7 0-1.18.29t-.48.78q0 .72 1.11.97l1.65.39a3 3 0 011.74.94q.56.66.56 1.5 0 1.12-.92 1.87-.9.75-2.36.75" })
+      }
+    )
+  }
+);
+var CustomPaper = (props) => /* @__PURE__ */ jsxs62(Paper2, { elevation: 8, ...props, children: [
+  props.children,
+  /* @__PURE__ */ jsx99(GoogleMapsAttribution, {})
+] });
+var GooglePlacesAutocomplete = ({
+  // Autocomplete options
+  debounceMs,
+  types,
+  componentRestrictions,
+  fetchPlaceDetails,
+  placeDetailsFields,
+  // Component props
+  label = "Search location",
+  placeholder,
+  helperText,
+  error: error2,
+  errorMessage,
+  required,
+  onChange,
+  onPlaceDetailsChange,
+  textFieldProps,
+  LocationIcon = DefaultLocationIcon,
+  noOptionsText = "No locations found",
+  value: externalValue,
+  inputValue: externalInputValue,
+  ...autocompleteProps
+}) => {
+  const {
+    inputValue: internalInputValue,
+    setInputValue,
+    value: internalValue,
+    setValue,
+    options,
+    loaded,
+    loading,
+    getPlaceDetails
+  } = useGooglePlacesAutocomplete({
+    debounceMs,
+    types,
+    componentRestrictions,
+    fetchPlaceDetails,
+    placeDetailsFields
+  });
+  const value = externalValue !== void 0 ? externalValue : internalValue;
+  const inputValueToUse = externalInputValue !== void 0 ? externalInputValue : internalInputValue;
+  const handleChange = async (_event, newValue) => {
+    setValue(newValue);
+    onChange?.(newValue);
+    if (newValue?.place_id && onPlaceDetailsChange) {
+      const details = await getPlaceDetails(newValue.place_id);
+      onPlaceDetailsChange(details);
+    }
+  };
+  const handleInputChange = (_event, newInputValue) => {
+    setInputValue(newInputValue);
+  };
+  const renderOption = (props, option) => {
+    const { key, ...optionProps } = props;
+    const matches = option.structured_formatting.main_text_matched_substrings || [];
+    const parts = [];
+    const mainText = option.structured_formatting.main_text;
+    let lastIndex = 0;
+    matches.forEach((match) => {
+      if (match.offset > lastIndex) {
+        parts.push({
+          text: mainText.substring(lastIndex, match.offset),
+          highlight: false
+        });
+      }
+      parts.push({
+        text: mainText.substring(match.offset, match.offset + match.length),
+        highlight: true
+      });
+      lastIndex = match.offset + match.length;
+    });
+    if (lastIndex < mainText.length) {
+      parts.push({
+        text: mainText.substring(lastIndex),
+        highlight: false
+      });
+    }
+    if (parts.length === 0) {
+      parts.push({ text: mainText, highlight: false });
+    }
+    return /* @__PURE__ */ jsx99("li", { ...optionProps, children: /* @__PURE__ */ jsxs62(Grid, { container: true, sx: { alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx99(Grid, { sx: { display: "flex", width: 44 }, children: /* @__PURE__ */ jsx99(LocationIcon, { sx: { color: "text.secondary", width: 20, height: 20 } }) }),
+      /* @__PURE__ */ jsxs62(Grid, { sx: { width: "calc(100% - 44px)", wordWrap: "break-word" }, children: [
+        parts.map((part, index) => /* @__PURE__ */ jsx99(
+          Box24,
+          {
+            component: "span",
+            sx: {
+              fontWeight: part.highlight ? "fontWeightBold" : "fontWeightRegular"
+            },
+            children: part.text
+          },
+          index
+        )),
+        option.structured_formatting.secondary_text && /* @__PURE__ */ jsx99(Typography13, { variant: "body2", sx: { color: "text.secondary" }, children: option.structured_formatting.secondary_text })
+      ] })
+    ] }) }, key);
+  };
+  return /* @__PURE__ */ jsx99(
+    Autocomplete2,
+    {
+      getOptionLabel: (option) => typeof option === "string" ? option : option.description,
+      filterOptions: (x) => x,
+      options,
+      autoComplete: true,
+      includeInputInList: true,
+      filterSelectedOptions: true,
+      value,
+      inputValue: inputValueToUse,
+      loading,
+      noOptionsText: loaded ? noOptionsText : "Loading...",
+      onChange: handleChange,
+      onInputChange: handleInputChange,
+      isOptionEqualToValue: (option, val) => option.description === val.description,
+      slots: {
+        paper: CustomPaper
+      },
+      renderOption,
+      renderInput: (params) => /* @__PURE__ */ jsx99(
+        TextField7,
+        {
+          ...params,
+          label,
+          placeholder,
+          required,
+          error: error2 || !!errorMessage,
+          helperText: errorMessage || helperText,
+          slotProps: {
+            input: {
+              ...params.InputProps,
+              endAdornment: /* @__PURE__ */ jsxs62(Fragment4, { children: [
+                loading && /* @__PURE__ */ jsx99(CircularProgress2, { color: "inherit", size: 20 }),
+                params.InputProps.endAdornment
+              ] })
+            }
+          },
+          ...textFieldProps
+        }
+      ),
+      ...autocompleteProps
+    }
+  );
+};
+
+// src/components/HookForm/RHFGooglePlacesAutocomplete.tsx
+import { jsx as jsx100 } from "react/jsx-runtime";
+var RHFGooglePlacesAutocomplete = ({
+  name,
+  helperText,
+  valueType = "full",
+  onValueChange,
+  onPlaceDetailsChange,
+  fetchPlaceDetails,
+  ...other
+}) => {
+  const { control, setValue: setFormValue } = useFormContext10();
+  const shouldFetchDetails = valueType === "details" || fetchPlaceDetails;
+  return /* @__PURE__ */ jsx100(
+    Controller10,
+    {
+      name,
+      control,
+      render: ({ field, fieldState: { error: error2 } }) => {
+        const getDisplayValue = () => {
+          if (!field.value) return null;
+          if (typeof field.value === "string") {
+            return {
+              description: field.value,
+              structured_formatting: {
+                main_text: field.value,
+                main_text_matched_substrings: []
+              }
+            };
+          }
+          if (field.value.placeId) {
+            return {
+              description: field.value.description || field.value.formattedAddress,
+              place_id: field.value.placeId,
+              structured_formatting: {
+                main_text: field.value.mainText || field.value.description,
+                main_text_matched_substrings: [],
+                secondary_text: field.value.secondaryText
+              }
+            };
+          }
+          return field.value;
+        };
+        const handleChange = (newValue) => {
+          onValueChange?.(newValue);
+          if (!newValue) {
+            setFormValue(name, null, { shouldValidate: true });
+            return;
+          }
+          if (valueType === "description") {
+            setFormValue(name, newValue.description, { shouldValidate: true });
+          } else {
+            setFormValue(name, newValue, { shouldValidate: true });
+          }
+        };
+        const handlePlaceDetailsChange = (details) => {
+          onPlaceDetailsChange?.(details);
+          if (valueType === "details" && details) {
+            setFormValue(name, details, { shouldValidate: true });
+          }
+        };
+        return /* @__PURE__ */ jsx100(
+          GooglePlacesAutocomplete,
+          {
+            value: getDisplayValue(),
+            onChange: handleChange,
+            onPlaceDetailsChange: handlePlaceDetailsChange,
+            fetchPlaceDetails: shouldFetchDetails,
+            error: !!error2,
+            errorMessage: error2?.message,
+            helperText,
+            ...other
+          }
+        );
+      }
+    }
+  );
+};
+
 // src/components/HookForm/RHFDatePicker.tsx
-import { memo, useState as useState17, useEffect as useEffect6 } from "react";
-import { Controller as Controller9, useFormContext as useFormContext9 } from "react-hook-form";
-import TextField6 from "@mui/material/TextField";
+import { memo, useState as useState19, useEffect as useEffect8 } from "react";
+import { Controller as Controller11, useFormContext as useFormContext11 } from "react-hook-form";
+import TextField8 from "@mui/material/TextField";
 import { LocalizationProvider as LocalizationProvider2 } from "@mui/x-date-pickers";
 import { AdapterDateFns as AdapterDateFns2 } from "@mui/x-date-pickers/AdapterDateFns";
 import {
@@ -9982,7 +10517,7 @@ import {
 import {
   DateTimePicker as MuiDateTimePicker
 } from "@mui/x-date-pickers/DateTimePicker";
-import { jsx as jsx97 } from "react/jsx-runtime";
+import { jsx as jsx101 } from "react/jsx-runtime";
 var RHFDatePickerComponent = ({
   name,
   slotProps,
@@ -9991,10 +10526,10 @@ var RHFDatePickerComponent = ({
   format: format4 = "MMM d, yyyy",
   ...other
 }) => {
-  const { control } = useFormContext9();
-  const [isOpen, setIsOpen] = useState17(false);
-  const [cleared, setCleared] = useState17(false);
-  useEffect6(() => {
+  const { control } = useFormContext11();
+  const [isOpen, setIsOpen] = useState19(false);
+  const [cleared, setCleared] = useState19(false);
+  useEffect8(() => {
     if (cleared) {
       const timeout = setTimeout(() => setCleared(false), 1500);
       return () => clearTimeout(timeout);
@@ -10002,12 +10537,12 @@ var RHFDatePickerComponent = ({
     return () => {
     };
   }, [cleared]);
-  return /* @__PURE__ */ jsx97(
-    Controller9,
+  return /* @__PURE__ */ jsx101(
+    Controller11,
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx97(LocalizationProvider2, { dateAdapter: AdapterDateFns2, children: /* @__PURE__ */ jsx97(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx101(LocalizationProvider2, { dateAdapter: AdapterDateFns2, children: /* @__PURE__ */ jsx101(
         MuiDatePicker,
         {
           ...field,
@@ -10018,7 +10553,7 @@ var RHFDatePickerComponent = ({
           open: isOpen,
           onClose: () => setIsOpen(false),
           slots: {
-            textField: TextField6,
+            textField: TextField8,
             ...other.slots
           },
           slotProps: {
@@ -10048,10 +10583,10 @@ var RHFTimePickerComponent = ({
   format: format4 = "h:mma",
   ...other
 }) => {
-  const { control } = useFormContext9();
-  const [isOpen, setIsOpen] = useState17(false);
-  const [cleared, setCleared] = useState17(false);
-  useEffect6(() => {
+  const { control } = useFormContext11();
+  const [isOpen, setIsOpen] = useState19(false);
+  const [cleared, setCleared] = useState19(false);
+  useEffect8(() => {
     if (cleared) {
       const timeout = setTimeout(() => setCleared(false), 1500);
       return () => clearTimeout(timeout);
@@ -10059,12 +10594,12 @@ var RHFTimePickerComponent = ({
     return () => {
     };
   }, [cleared]);
-  return /* @__PURE__ */ jsx97(
-    Controller9,
+  return /* @__PURE__ */ jsx101(
+    Controller11,
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx97(LocalizationProvider2, { dateAdapter: AdapterDateFns2, children: /* @__PURE__ */ jsx97(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx101(LocalizationProvider2, { dateAdapter: AdapterDateFns2, children: /* @__PURE__ */ jsx101(
         MuiTimePicker,
         {
           ...field,
@@ -10075,7 +10610,7 @@ var RHFTimePickerComponent = ({
           open: isOpen,
           onClose: () => setIsOpen(false),
           slots: {
-            textField: TextField6,
+            textField: TextField8,
             ...other.slots
           },
           slotProps: {
@@ -10105,10 +10640,10 @@ var RHFDateTimePickerComponent = ({
   format: format4 = "MMM d, yyyy h:mma",
   ...other
 }) => {
-  const { control } = useFormContext9();
-  const [isOpen, setIsOpen] = useState17(false);
-  const [cleared, setCleared] = useState17(false);
-  useEffect6(() => {
+  const { control } = useFormContext11();
+  const [isOpen, setIsOpen] = useState19(false);
+  const [cleared, setCleared] = useState19(false);
+  useEffect8(() => {
     if (cleared) {
       const timeout = setTimeout(() => setCleared(false), 1500);
       return () => clearTimeout(timeout);
@@ -10116,12 +10651,12 @@ var RHFDateTimePickerComponent = ({
     return () => {
     };
   }, [cleared]);
-  return /* @__PURE__ */ jsx97(
-    Controller9,
+  return /* @__PURE__ */ jsx101(
+    Controller11,
     {
       name,
       control,
-      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx97(LocalizationProvider2, { dateAdapter: AdapterDateFns2, children: /* @__PURE__ */ jsx97(
+      render: ({ field, fieldState: { error: error2 } }) => /* @__PURE__ */ jsx101(LocalizationProvider2, { dateAdapter: AdapterDateFns2, children: /* @__PURE__ */ jsx101(
         MuiDateTimePicker,
         {
           ...field,
@@ -10132,7 +10667,7 @@ var RHFDateTimePickerComponent = ({
           open: isOpen,
           onClose: () => setIsOpen(false),
           slots: {
-            textField: TextField6,
+            textField: TextField8,
             ...other.slots
           },
           slotProps: {
@@ -10160,6 +10695,7 @@ var Field = {
   OTP: RHFOTPInput,
   Switch: RHFSwitch,
   Upload: RHFUpload,
+  Select: RHFSelect,
   Text: RHFTextField,
   Radio: RHFRadioGroup,
   Checkbox: RHFCheckbox,
@@ -10168,35 +10704,36 @@ var Field = {
   Date: RHFDatePicker,
   Time: RHFTimePicker,
   DateTime: RHFDateTimePicker,
-  DateRange: RHFDateRangePicker
+  DateRange: RHFDateRangePicker,
+  GooglePlacesAutocomplete: RHFGooglePlacesAutocomplete
 };
 
 // src/components/CopyButton/index.tsx
 import Tooltip from "@mui/material/Tooltip";
 import IconButton6 from "@mui/material/IconButton";
-import { jsx as jsx98 } from "react/jsx-runtime";
+import { jsx as jsx102 } from "react/jsx-runtime";
 var CopyButton = ({ text: text2, size = "small" }) => {
   const { copy, isCopied } = useCopyToClipboard();
-  return /* @__PURE__ */ jsx98(Tooltip, { title: isCopied ? "Copied" : "Copy", children: /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx102(Tooltip, { title: isCopied ? "Copied" : "Copy", children: /* @__PURE__ */ jsx102(
     IconButton6,
     {
       size,
       onClick: () => copy(text2),
       "aria-label": "copy token",
       sx: { color: "icon.black" },
-      children: /* @__PURE__ */ jsx98(Icon, { icon: isCopied ? "ClipboardCheck" : "Copy", sx: { width: 20, height: 20 } })
+      children: /* @__PURE__ */ jsx102(Icon, { icon: isCopied ? "ClipboardCheck" : "Copy", sx: { width: 20, height: 20 } })
     }
   ) });
 };
 
 // src/components/LoadingScreen/index.tsx
 import Portal2 from "@mui/material/Portal";
-import Box24 from "@mui/material/Box";
+import Box25 from "@mui/material/Box";
 import LinearProgress from "@mui/material/LinearProgress";
-import { jsx as jsx99 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 var LoadingScreen = ({ portal, sx, ...rest }) => {
-  const content = /* @__PURE__ */ jsx99(
-    Box24,
+  const content = /* @__PURE__ */ jsx103(
+    Box25,
     {
       sx: {
         px: 5,
@@ -10209,17 +10746,17 @@ var LoadingScreen = ({ portal, sx, ...rest }) => {
         ...sx
       },
       ...rest,
-      children: /* @__PURE__ */ jsx99(LinearProgress, { color: "primary", sx: { width: 1, maxWidth: 360 } })
+      children: /* @__PURE__ */ jsx103(LinearProgress, { color: "primary", sx: { width: 1, maxWidth: 360 } })
     }
   );
   if (portal) {
-    return /* @__PURE__ */ jsx99(Portal2, { children: content });
+    return /* @__PURE__ */ jsx103(Portal2, { children: content });
   }
   return content;
 };
 var SplashScreen = ({ portal, sx, ...rest }) => {
-  const content = /* @__PURE__ */ jsx99(
-    Box24,
+  const content = /* @__PURE__ */ jsx103(
+    Box25,
     {
       sx: {
         right: 0,
@@ -10235,17 +10772,17 @@ var SplashScreen = ({ portal, sx, ...rest }) => {
         ...sx
       },
       ...rest,
-      children: /* @__PURE__ */ jsx99(AnimatedLogo, {})
+      children: /* @__PURE__ */ jsx103(AnimatedLogo, {})
     }
   );
   if (portal) {
-    return /* @__PURE__ */ jsx99(Portal2, { children: content });
+    return /* @__PURE__ */ jsx103(Portal2, { children: content });
   }
   return content;
 };
 
 // src/theme/core/components/mui-x-data-grid.tsx
-import { jsx as jsx100, jsxs as jsxs61 } from "react/jsx-runtime";
+import { jsx as jsx104, jsxs as jsxs63 } from "react/jsx-runtime";
 var MuiDataGrid = {
   /** **************************************
    * DEFAULT PROPS
@@ -10253,9 +10790,9 @@ var MuiDataGrid = {
   defaultProps: {
     slots: {
       /* Column */
-      columnSortedAscendingIcon: (props) => /* @__PURE__ */ jsx100(DataGridArrowUpIcon, { sx: { color: "text.primary" }, ...props }),
-      columnSortedDescendingIcon: (props) => /* @__PURE__ */ jsx100(DataGridArrowDownIcon, { sx: { color: "text.primary" }, ...props }),
-      columnUnsortedIcon: (props) => /* @__PURE__ */ jsx100(
+      columnSortedAscendingIcon: (props) => /* @__PURE__ */ jsx104(DataGridArrowUpIcon, { sx: { color: "text.primary" }, ...props }),
+      columnSortedDescendingIcon: (props) => /* @__PURE__ */ jsx104(DataGridArrowDownIcon, { sx: { color: "text.primary" }, ...props }),
+      columnUnsortedIcon: (props) => /* @__PURE__ */ jsx104(
         DataGridArrowUpIcon,
         {
           fontSize: props.fontSize,
@@ -10263,28 +10800,28 @@ var MuiDataGrid = {
           sx: { color: "text.disabled" }
         }
       ),
-      columnMenuIcon: (props) => /* @__PURE__ */ jsx100(DataGridMoreIcon, { width: 20, ...props }),
-      columnMenuSortAscendingIcon: (props) => /* @__PURE__ */ jsx100(DataGridArrowUpIcon, { ...props }),
-      columnMenuSortDescendingIcon: (props) => /* @__PURE__ */ jsx100(DataGridArrowDownIcon, { ...props }),
-      columnMenuFilterIcon: (props) => /* @__PURE__ */ jsx100(DataGridFilterIcon, { ...props }),
-      columnMenuHideIcon: (props) => /* @__PURE__ */ jsx100(DataGridEyeCloseIcon, { ...props }),
-      columnMenuManageColumnsIcon: (props) => /* @__PURE__ */ jsx100(DataGridEyeIcon, { ...props }),
-      columnSelectorIcon: (props) => /* @__PURE__ */ jsx100(DataGridEyeIcon, { ...props }),
+      columnMenuIcon: (props) => /* @__PURE__ */ jsx104(DataGridMoreIcon, { width: 20, ...props }),
+      columnMenuSortAscendingIcon: (props) => /* @__PURE__ */ jsx104(DataGridArrowUpIcon, { ...props }),
+      columnMenuSortDescendingIcon: (props) => /* @__PURE__ */ jsx104(DataGridArrowDownIcon, { ...props }),
+      columnMenuFilterIcon: (props) => /* @__PURE__ */ jsx104(DataGridFilterIcon, { ...props }),
+      columnMenuHideIcon: (props) => /* @__PURE__ */ jsx104(DataGridEyeCloseIcon, { ...props }),
+      columnMenuManageColumnsIcon: (props) => /* @__PURE__ */ jsx104(DataGridEyeIcon, { ...props }),
+      columnSelectorIcon: (props) => /* @__PURE__ */ jsx104(DataGridEyeIcon, { ...props }),
       /* Filter */
-      filterPanelDeleteIcon: (props) => /* @__PURE__ */ jsx100(DataGridCloseIcon, { ...props }),
-      openFilterButtonIcon: (props) => /* @__PURE__ */ jsx100(DataGridFilterIcon, { ...props }),
-      columnFilteredIcon: (props) => /* @__PURE__ */ jsx100(DataGridFilterIcon, { sx: { width: 16, color: "text.primary" }, ...props }),
+      filterPanelDeleteIcon: (props) => /* @__PURE__ */ jsx104(DataGridCloseIcon, { ...props }),
+      openFilterButtonIcon: (props) => /* @__PURE__ */ jsx104(DataGridFilterIcon, { ...props }),
+      columnFilteredIcon: (props) => /* @__PURE__ */ jsx104(DataGridFilterIcon, { sx: { width: 16, color: "text.primary" }, ...props }),
       /* Density */
-      densityCompactIcon: (props) => /* @__PURE__ */ jsx100(DataGridDensityCompactIcon, { ...props }),
-      densityStandardIcon: (props) => /* @__PURE__ */ jsx100(DataGridDensityStandardIcon, { ...props }),
-      densityComfortableIcon: (props) => /* @__PURE__ */ jsx100(DataGridDensityComfortableIcon, { ...props }),
+      densityCompactIcon: (props) => /* @__PURE__ */ jsx104(DataGridDensityCompactIcon, { ...props }),
+      densityStandardIcon: (props) => /* @__PURE__ */ jsx104(DataGridDensityStandardIcon, { ...props }),
+      densityComfortableIcon: (props) => /* @__PURE__ */ jsx104(DataGridDensityComfortableIcon, { ...props }),
       /* Export */
-      exportIcon: (props) => /* @__PURE__ */ jsx100(DataGridExportIcon, { ...props }),
+      exportIcon: (props) => /* @__PURE__ */ jsx104(DataGridExportIcon, { ...props }),
       /*  Quick Filter */
-      quickFilterIcon: (props) => /* @__PURE__ */ jsx100(DataGridSearchIcon, { sx: { width: 24, height: 24, color: "text.secondary" }, ...props }),
-      quickFilterClearIcon: (props) => /* @__PURE__ */ jsx100(DataGridCloseIcon, { ...props }),
+      quickFilterIcon: (props) => /* @__PURE__ */ jsx104(DataGridSearchIcon, { sx: { width: 24, height: 24, color: "text.secondary" }, ...props }),
+      quickFilterClearIcon: (props) => /* @__PURE__ */ jsx104(DataGridCloseIcon, { ...props }),
       /* Actions Column */
-      moreActionsIcon: (props) => /* @__PURE__ */ jsx100(Icon, { icon: "MoreHorizontal", sx: { width: 20, height: 20 }, ...props })
+      moreActionsIcon: (props) => /* @__PURE__ */ jsx104(Icon, { icon: "MoreHorizontal", sx: { width: 20, height: 20 }, ...props })
     },
     slotProps: {
       basePopper: { placement: "bottom-end" },
@@ -10461,15 +10998,15 @@ var MuiDataGrid = {
   }
 };
 var dataGrid = { MuiDataGrid };
-var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ jsxs61(SvgIcon2, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
-  /* @__PURE__ */ jsx100(
+var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ jsxs63(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
+  /* @__PURE__ */ jsx104(
     "path",
     {
       fill: "currentColor",
       d: "m8.303 11.596l3.327-3.431a.499.499 0 0 1 .74 0l6.43 6.63c.401.414.158 1.205-.37 1.205h-5.723z"
     }
   ),
-  /* @__PURE__ */ jsx100(
+  /* @__PURE__ */ jsx104(
     "path",
     {
       fill: "currentColor",
@@ -10478,15 +11015,15 @@ var DataGridArrowUpIcon = ({ ...props }) => /* @__PURE__ */ jsxs61(SvgIcon2, { s
     }
   )
 ] });
-var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ jsxs61(SvgIcon2, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
-  /* @__PURE__ */ jsx100(
+var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ jsxs63(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
+  /* @__PURE__ */ jsx104(
     "path",
     {
       fill: "currentColor",
       d: "m8.303 12.404l3.327 3.431c.213.22.527.22.74 0l6.43-6.63C19.201 8.79 18.958 8 18.43 8h-5.723z"
     }
   ),
-  /* @__PURE__ */ jsx100(
+  /* @__PURE__ */ jsx104(
     "path",
     {
       fill: "currentColor",
@@ -10495,15 +11032,15 @@ var DataGridArrowDownIcon = ({ ...props }) => /* @__PURE__ */ jsxs61(SvgIcon2, {
     }
   )
 ] });
-var DataGridFilterIcon = ({ ...props }) => /* @__PURE__ */ jsx100(SvgIcon2, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx100(
+var DataGridFilterIcon = ({ ...props }) => /* @__PURE__ */ jsx104(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx104(
   "path",
   {
     fill: "currentColor",
     d: "M19 3H5c-1.414 0-2.121 0-2.56.412C2 3.824 2 4.488 2 5.815v.69c0 1.037 0 1.556.26 1.986c.26.43.733.698 1.682 1.232l2.913 1.64c.636.358.955.537 1.183.735c.474.411.766.895.898 1.49c.064.284.064.618.064 1.285v2.67c0 .909 0 1.364.252 1.718c.252.355.7.53 1.594.88c1.879.734 2.818 1.101 3.486.683c.668-.417.668-1.372.668-3.282v-2.67c0-.666 0-1 .064-1.285a2.68 2.68 0 0 1 .899-1.49c.227-.197.546-.376 1.182-.735l2.913-1.64c.948-.533 1.423-.8 1.682-1.23c.26-.43.26-.95.26-1.988v-.69c0-1.326 0-1.99-.44-2.402C21.122 3 20.415 3 19 3"
   }
 ) });
-var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ jsxs61(SvgIcon2, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
-  /* @__PURE__ */ jsx100(
+var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ jsxs63(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
+  /* @__PURE__ */ jsx104(
     "path",
     {
       fill: "currentColor",
@@ -10512,7 +11049,7 @@ var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ jsxs61(SvgIcon2, { sx
       clipRule: "evenodd"
     }
   ),
-  /* @__PURE__ */ jsx100(
+  /* @__PURE__ */ jsx104(
     "path",
     {
       fill: "currentColor",
@@ -10520,9 +11057,9 @@ var DataGridExportIcon = ({ ...props }) => /* @__PURE__ */ jsxs61(SvgIcon2, { sx
     }
   )
 ] });
-var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ jsxs61(SvgIcon2, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
-  /* @__PURE__ */ jsx100("path", { fill: "currentColor", d: "M9.75 12a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0" }),
-  /* @__PURE__ */ jsx100(
+var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ jsxs63(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: [
+  /* @__PURE__ */ jsx104("path", { fill: "currentColor", d: "M9.75 12a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0" }),
+  /* @__PURE__ */ jsx104(
     "path",
     {
       fill: "currentColor",
@@ -10532,7 +11069,7 @@ var DataGridEyeIcon = ({ ...props }) => /* @__PURE__ */ jsxs61(SvgIcon2, { sx: {
     }
   )
 ] });
-var DataGridEyeCloseIcon = ({ ...props }) => /* @__PURE__ */ jsx100(SvgIcon2, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx100(
+var DataGridEyeCloseIcon = ({ ...props }) => /* @__PURE__ */ jsx104(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx104(
   "path",
   {
     fill: "currentColor",
@@ -10541,23 +11078,23 @@ var DataGridEyeCloseIcon = ({ ...props }) => /* @__PURE__ */ jsx100(SvgIcon2, {
     clipRule: "evenodd"
   }
 ) });
-var DataGridSearchIcon = ({ ...props }) => /* @__PURE__ */ jsx100(SvgIcon2, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx100(
+var DataGridSearchIcon = ({ ...props }) => /* @__PURE__ */ jsx104(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx104(
   "path",
   {
     fill: "currentColor",
     d: "m20.71 19.29l-3.4-3.39A7.92 7.92 0 0 0 19 11a8 8 0 1 0-8 8a7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42M5 11a6 6 0 1 1 6 6a6 6 0 0 1-6-6"
   }
 ) });
-var DataGridCloseIcon = ({ ...props }) => /* @__PURE__ */ jsx100(SvgIcon2, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx100(
+var DataGridCloseIcon = ({ ...props }) => /* @__PURE__ */ jsx104(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx104(
   "path",
   {
     fill: "currentColor",
     d: "m13.41 12l4.3-4.29a1 1 0 1 0-1.42-1.42L12 10.59l-4.29-4.3a1 1 0 0 0-1.42 1.42l4.3 4.29l-4.3 4.29a1 1 0 0 0 0 1.42a1 1 0 0 0 1.42 0l4.29-4.3l4.29 4.3a1 1 0 0 0 1.42 0a1 1 0 0 0 0-1.42Z"
   }
 ) });
-var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ jsx100(SvgIcon2, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsxs61("g", { fill: "none", children: [
-  /* @__PURE__ */ jsx100("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
-  /* @__PURE__ */ jsx100(
+var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ jsx104(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsxs63("g", { fill: "none", children: [
+  /* @__PURE__ */ jsx104("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
+  /* @__PURE__ */ jsx104(
     "path",
     {
       fill: "currentColor",
@@ -10565,16 +11102,16 @@ var DataGridMoreIcon = ({ ...props }) => /* @__PURE__ */ jsx100(SvgIcon2, { sx:
     }
   )
 ] }) });
-var DataGridDensityCompactIcon = ({ ...props }) => /* @__PURE__ */ jsx100(SvgIcon2, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx100(
+var DataGridDensityCompactIcon = ({ ...props }) => /* @__PURE__ */ jsx104(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsx104(
   "path",
   {
     fill: "currentColor",
     d: "M4 15.5q-.425 0-.712-.288T3 14.5V14q0-.425.288-.712T4 13h16q.425 0 .713.288T21 14v.5q0 .425-.288.713T20 15.5zM4 11q-.425 0-.712-.288T3 10v-.5q0-.425.288-.712T4 8.5h16q.425 0 .713.288T21 9.5v.5q0 .425-.288.713T20 11zm0-4.5q-.425 0-.712-.288T3 5.5V5q0-.425.288-.712T4 4h16q.425 0 .713.288T21 5v.5q0 .425-.288.713T20 6.5zM4 20q-.425 0-.712-.288T3 19v-.5q0-.425.288-.712T4 17.5h16q.425 0 .713.288T21 18.5v.5q0 .425-.288.713T20 20z"
   }
 ) });
-var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ jsx100(SvgIcon2, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsxs61("g", { fill: "none", fillRule: "evenodd", children: [
-  /* @__PURE__ */ jsx100("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
-  /* @__PURE__ */ jsx100(
+var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ jsx104(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsxs63("g", { fill: "none", fillRule: "evenodd", children: [
+  /* @__PURE__ */ jsx104("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
+  /* @__PURE__ */ jsx104(
     "path",
     {
       fill: "currentColor",
@@ -10582,9 +11119,9 @@ var DataGridDensityComfortableIcon = ({ ...props }) => /* @__PURE__ */ jsx100(Sv
     }
   )
 ] }) });
-var DataGridDensityStandardIcon = ({ ...props }) => /* @__PURE__ */ jsx100(SvgIcon2, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsxs61("g", { fill: "none", children: [
-  /* @__PURE__ */ jsx100("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
-  /* @__PURE__ */ jsx100(
+var DataGridDensityStandardIcon = ({ ...props }) => /* @__PURE__ */ jsx104(SvgIcon3, { sx: { width: 20, height: 20, ...props.sx }, ...props, children: /* @__PURE__ */ jsxs63("g", { fill: "none", children: [
+  /* @__PURE__ */ jsx104("path", { d: "M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z" }),
+  /* @__PURE__ */ jsx104(
     "path",
     {
       fill: "currentColor",
@@ -10744,12 +11281,12 @@ var buttonGroup = { MuiButtonGroup };
 // src/theme/core/components/autocomplete.tsx
 import { svgIconClasses as svgIconClasses3 } from "@mui/material/SvgIcon";
 import { autocompleteClasses as autocompleteClasses3 } from "@mui/material/Autocomplete";
-import { jsx as jsx101 } from "react/jsx-runtime";
+import { jsx as jsx105 } from "react/jsx-runtime";
 var MuiAutocomplete = {
   /** **************************************
    * DEFAULT PROPS
    *************************************** */
-  defaultProps: { popupIcon: /* @__PURE__ */ jsx101(Icon, { icon: "NavArrowDown" }) },
+  defaultProps: { popupIcon: /* @__PURE__ */ jsx105(Icon, { icon: "NavArrowDown" }) },
   /** **************************************
    * STYLE
    *************************************** */
@@ -10874,11 +11411,11 @@ var toggleButton = { MuiToggleButton, MuiToggleButtonGroup };
 
 // src/theme/core/components/mui-x-date-picker.tsx
 import IconButton7 from "@mui/material/IconButton";
-import Typography13 from "@mui/material/Typography";
+import Typography14 from "@mui/material/Typography";
 import { buttonClasses as buttonClasses3 } from "@mui/material/Button";
 import { styled as styled3 } from "@mui/material/styles";
 import { dialogActionsClasses } from "@mui/material/DialogActions";
-import { jsx as jsx102, jsxs as jsxs62 } from "react/jsx-runtime";
+import { jsx as jsx106, jsxs as jsxs64 } from "react/jsx-runtime";
 var CustomCalendarHeaderRoot = styled3("div")(({ theme }) => ({
   display: "flex",
   justifyContent: "space-between",
@@ -10916,10 +11453,10 @@ function CustomCalendarHeader(props) {
       onViewChange("year");
     }
   };
-  return /* @__PURE__ */ jsxs62(CustomCalendarHeaderRoot, { children: [
-    /* @__PURE__ */ jsx102(CustomIconButton, { onClick: selectPreviousMonth, title: "Previous month", size: "small", children: /* @__PURE__ */ jsx102(Icon, { icon: "NavArrowLeft", width: 16 }) }),
-    /* @__PURE__ */ jsx102(
-      Typography13,
+  return /* @__PURE__ */ jsxs64(CustomCalendarHeaderRoot, { children: [
+    /* @__PURE__ */ jsx106(CustomIconButton, { onClick: selectPreviousMonth, title: "Previous month", size: "small", children: /* @__PURE__ */ jsx106(Icon, { icon: "NavArrowLeft", width: 16 }) }),
+    /* @__PURE__ */ jsx106(
+      Typography14,
       {
         variant: "subtitle1",
         onClick: handleLabelClick,
@@ -10933,7 +11470,7 @@ function CustomCalendarHeader(props) {
         children: monthLabel
       }
     ),
-    /* @__PURE__ */ jsx102(CustomIconButton, { onClick: selectNextMonth, title: "Next month", size: "small", children: /* @__PURE__ */ jsx102(Icon, { icon: "NavArrowRight", width: 16 }) })
+    /* @__PURE__ */ jsx106(CustomIconButton, { onClick: selectNextMonth, title: "Next month", size: "small", children: /* @__PURE__ */ jsx106(Icon, { icon: "NavArrowRight", width: 16 }) })
   ] });
 }
 var localeText = {
@@ -10941,13 +11478,13 @@ var localeText = {
 };
 var defaultProps = {
   date: {
-    openPickerIcon: () => /* @__PURE__ */ jsx102(Icon, { icon: "Calendar", sx: { width: 20, height: 20 } }),
+    openPickerIcon: () => /* @__PURE__ */ jsx106(Icon, { icon: "Calendar", sx: { width: 20, height: 20 } }),
     calendarHeader: CustomCalendarHeader
   },
   time: {
-    openPickerIcon: () => /* @__PURE__ */ jsx102(Icon, { icon: "Clock", sx: { width: 20, height: 20 } }),
-    rightArrowIcon: () => /* @__PURE__ */ jsx102(Icon, { icon: "NavArrowRight" }),
-    switchViewIcon: () => /* @__PURE__ */ jsx102(Icon, { icon: "NavArrowDownSolid" })
+    openPickerIcon: () => /* @__PURE__ */ jsx106(Icon, { icon: "Clock", sx: { width: 20, height: 20 } }),
+    rightArrowIcon: () => /* @__PURE__ */ jsx106(Icon, { icon: "NavArrowRight" }),
+    switchViewIcon: () => /* @__PURE__ */ jsx106(Icon, { icon: "NavArrowDownSolid" })
   }
 };
 var dateViews = ["year", "month", "day"];
@@ -11378,18 +11915,18 @@ import "@fontsource/geist/500.css";
 import "@fontsource/geist/600.css";
 import "@fontsource/geist/700.css";
 import "./satoshi-4X3TX4PE.css";
-import { jsx as jsx103, jsxs as jsxs63 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs65 } from "react/jsx-runtime";
 var ThemeProvider = ({ children }) => {
   const settings = useSettings();
   const theme = createTheme(settings);
-  return /* @__PURE__ */ jsxs63(
+  return /* @__PURE__ */ jsxs65(
     MuiThemeProvider,
     {
       theme,
       defaultMode: schemeConfig.defaultMode,
       modeStorageKey: schemeConfig.modeStorageKey,
       children: [
-        /* @__PURE__ */ jsx103(CssBaseline, {}),
+        /* @__PURE__ */ jsx107(CssBaseline, {}),
         children
       ]
     }
@@ -11431,6 +11968,8 @@ export {
   FilterDropdown,
   FilterList,
   Form,
+  GooglePlacesAutocomplete,
+  GooglePlacesProvider,
   HelpCircle,
   Icon,
   Image,
@@ -11457,10 +11996,12 @@ export {
   RHFDatePicker,
   RHFDateRangePicker,
   RHFDateTimePicker,
+  RHFGooglePlacesAutocomplete,
   RHFMultiCheckbox,
   RHFMultiSwitch,
   RHFOTPInput,
   RHFRadioGroup,
+  RHFSelect,
   RHFSwitch,
   RHFTextField,
   RHFTimePicker,
@@ -11582,6 +12123,9 @@ export {
   useCountdownDate,
   useCountdownSeconds,
   useEventListener,
+  useGooglePlacesAutocomplete,
+  useGooglePlacesContext,
+  useGooglePlacesLoaded,
   useLocalStorage,
   usePopover,
   useResponsive,